安全管理/知识库
This commit is contained in:
79
src/api/quality/knowledgeDocument/index.ts
Normal file
79
src/api/quality/knowledgeDocument/index.ts
Normal file
@ -0,0 +1,79 @@
|
||||
import request from '@/utils/request';
|
||||
import { AxiosPromise } from 'axios';
|
||||
import { KnowledgeDocumentVO, KnowledgeDocumentForm, KnowledgeDocumentQuery } from '@/api/quality/knowledgeDocument/types';
|
||||
|
||||
/**
|
||||
* 查询质量知识库列表
|
||||
* @param query
|
||||
* @returns {*}
|
||||
*/
|
||||
|
||||
export const listKnowledgeDocument = (query?: KnowledgeDocumentQuery): AxiosPromise<KnowledgeDocumentVO[]> => {
|
||||
return request({
|
||||
url: '/quality/knowledgeDocument/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 查询质量知识库详细
|
||||
* @param id
|
||||
*/
|
||||
export const getKnowledgeDocument = (id: string | number): AxiosPromise<KnowledgeDocumentVO> => {
|
||||
return request({
|
||||
url: '/quality/knowledgeDocument/' + id,
|
||||
method: 'get'
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 新增质量知识库
|
||||
* @param data
|
||||
*/
|
||||
export const addKnowledgeDocument = (data: KnowledgeDocumentForm) => {
|
||||
return request({
|
||||
url: '/quality/knowledgeDocument',
|
||||
method: 'post',
|
||||
data: data
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 修改质量知识库
|
||||
* @param data
|
||||
*/
|
||||
export const updateKnowledgeDocument = (data: KnowledgeDocumentForm) => {
|
||||
return request({
|
||||
url: '/quality/knowledgeDocument',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 删除质量知识库
|
||||
* @param id
|
||||
*/
|
||||
export const delKnowledgeDocument = (id: string | number | Array<string | number>) => {
|
||||
return request({
|
||||
url: '/quality/knowledgeDocument/' + id,
|
||||
method: 'delete'
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 查询质量知识库文件树列表
|
||||
* @param id
|
||||
*/
|
||||
export const treeStructureData = (projectId: string | number): AxiosPromise<KnowledgeDocumentVO> => {
|
||||
return request({
|
||||
url: '/quality/knowledgeDocument/folder/tree/list',
|
||||
method: 'get',
|
||||
params: { projectId }
|
||||
});
|
||||
};
|
||||
|
||||
export const uniFolderDownload = (data: any): AxiosPromise<KnowledgeDocumentVO> => {
|
||||
return request({});
|
||||
};
|
||||
180
src/api/quality/knowledgeDocument/types.ts
Normal file
180
src/api/quality/knowledgeDocument/types.ts
Normal file
@ -0,0 +1,180 @@
|
||||
export interface KnowledgeDocumentVO {
|
||||
/**
|
||||
* 主键id
|
||||
*/
|
||||
id: string | number;
|
||||
|
||||
/**
|
||||
* 项目id
|
||||
*/
|
||||
projectId: string | number;
|
||||
|
||||
/**
|
||||
* 父级（0代表顶级）
|
||||
*/
|
||||
pid: string | number;
|
||||
|
||||
/**
|
||||
* 文件名称
|
||||
*/
|
||||
fileName: string;
|
||||
|
||||
/**
|
||||
* 文件路径
|
||||
*/
|
||||
filePath: string;
|
||||
|
||||
/**
|
||||
* 文件访问路径
|
||||
*/
|
||||
fileUrl: string;
|
||||
|
||||
/**
|
||||
* 文件类型（1文件夹 2文件 3图片）
|
||||
*/
|
||||
fileType: string;
|
||||
|
||||
/**
|
||||
* 文件后缀
|
||||
*/
|
||||
fileSuffix: string;
|
||||
|
||||
/**
|
||||
* 状态（0正常 1删除）
|
||||
*/
|
||||
fileStatus: string;
|
||||
|
||||
/**
|
||||
* 原文件名
|
||||
*/
|
||||
originalName: string;
|
||||
|
||||
/**
|
||||
* 备注
|
||||
*/
|
||||
remark: string;
|
||||
|
||||
/**
|
||||
* 创建时间
|
||||
*/
|
||||
createTime: string;
|
||||
|
||||
/**
|
||||
* 子对象
|
||||
*/
|
||||
children: KnowledgeDocumentVO[];
|
||||
}
|
||||
|
||||
export interface KnowledgeDocumentForm extends BaseEntity {
|
||||
/**
|
||||
* 主键id
|
||||
*/
|
||||
id?: string | number;
|
||||
|
||||
/**
|
||||
* 项目id
|
||||
*/
|
||||
projectId?: string | number;
|
||||
|
||||
/**
|
||||
* 父级（0代表顶级）
|
||||
*/
|
||||
pid?: string | number;
|
||||
|
||||
/**
|
||||
* 文件名称
|
||||
*/
|
||||
fileName?: string;
|
||||
|
||||
/**
|
||||
* 文件路径
|
||||
*/
|
||||
filePath?: string;
|
||||
|
||||
/**
|
||||
* 文件访问路径
|
||||
*/
|
||||
fileUrl?: string;
|
||||
|
||||
/**
|
||||
* 文件类型（1文件夹 2文件 3图片）
|
||||
*/
|
||||
fileType?: string;
|
||||
|
||||
/**
|
||||
* 文件后缀
|
||||
*/
|
||||
fileSuffix?: string;
|
||||
|
||||
/**
|
||||
* 状态（0正常 1删除）
|
||||
*/
|
||||
fileStatus?: string;
|
||||
|
||||
/**
|
||||
* 原文件名
|
||||
*/
|
||||
originalName?: string;
|
||||
|
||||
/**
|
||||
* 备注
|
||||
*/
|
||||
remark?: string;
|
||||
|
||||
}
|
||||
|
||||
export interface KnowledgeDocumentQuery {
|
||||
|
||||
/**
|
||||
* 项目id
|
||||
*/
|
||||
projectId?: string | number;
|
||||
|
||||
/**
|
||||
* 父级（0代表顶级）
|
||||
*/
|
||||
pid?: string | number;
|
||||
|
||||
/**
|
||||
* 文件名称
|
||||
*/
|
||||
fileName?: string;
|
||||
|
||||
/**
|
||||
* 文件路径
|
||||
*/
|
||||
filePath?: string;
|
||||
|
||||
/**
|
||||
* 文件访问路径
|
||||
*/
|
||||
fileUrl?: string;
|
||||
|
||||
/**
|
||||
* 文件类型（1文件夹 2文件 3图片）
|
||||
*/
|
||||
fileType?: string;
|
||||
|
||||
/**
|
||||
* 文件后缀
|
||||
*/
|
||||
fileSuffix?: string;
|
||||
|
||||
/**
|
||||
* 状态（0正常 1删除）
|
||||
*/
|
||||
fileStatus?: string;
|
||||
|
||||
/**
|
||||
* 原文件名
|
||||
*/
|
||||
originalName?: string;
|
||||
|
||||
/**
|
||||
* 日期范围参数
|
||||
*/
|
||||
params?: any;
|
||||
}
|
||||
|
||||
|
||||
|
||||
101
src/api/safety/knowledgeDocument/index.ts
Normal file
101
src/api/safety/knowledgeDocument/index.ts
Normal file
@ -0,0 +1,101 @@
|
||||
import request from '@/utils/request';
|
||||
import { AxiosPromise } from 'axios';
|
||||
import {
|
||||
KnowledgeDocumentVO,
|
||||
KnowledgeDocumentForm,
|
||||
KnowledgeDocumentQuery,
|
||||
KnowledgeDocumentPutFileNameQuery
|
||||
} from '@/api/safety/knowledgeDocument/types';
|
||||
|
||||
/**
|
||||
* 查询安全知识库列表
|
||||
* @param query
|
||||
* @returns {*}
|
||||
*/
|
||||
|
||||
export const listKnowledgeDocument = (query?: KnowledgeDocumentQuery): AxiosPromise<KnowledgeDocumentVO[]> => {
|
||||
return request({
|
||||
url: '/safety/knowledgeDocument/file/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 查询安全知识库详细
|
||||
* @param id
|
||||
*/
|
||||
export const getKnowledgeDocument = (id: string | number): AxiosPromise<KnowledgeDocumentVO> => {
|
||||
return request({
|
||||
url: '/safety/knowledgeDocument/' + id,
|
||||
method: 'get'
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 新增安全知识库
|
||||
* @param data
|
||||
*/
|
||||
export const addKnowledgeDocument = (data: { file: string }, query: { projectId: string; pid: string }) => {
|
||||
return request({
|
||||
url: '/safety/knowledgeDocument/file',
|
||||
method: 'post',
|
||||
data: data,
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 修改安全知识库
|
||||
* @param data
|
||||
*/
|
||||
export const updateKnowledgeDocument = (data: KnowledgeDocumentForm) => {
|
||||
return request({
|
||||
url: '/safety/knowledgeDocument',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 删除安全知识库
|
||||
* @param id
|
||||
*/
|
||||
export const delKnowledgeDocument = (id: string | number | Array<string | number>) => {
|
||||
return request({
|
||||
url: '/safety/knowledgeDocument/file/' + id,
|
||||
method: 'delete'
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 查询安全知识库文件树列表
|
||||
* @param id
|
||||
*/
|
||||
export const treeStructureData = (projectId: string | number): AxiosPromise<KnowledgeDocumentVO> => {
|
||||
return request({
|
||||
url: '/safety/knowledgeDocument/folder/tree/list',
|
||||
method: 'get',
|
||||
params: { projectId }
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 修改安全知识库
|
||||
* @param data
|
||||
*/
|
||||
export const documentDataEdit = (data: KnowledgeDocumentPutFileNameQuery) => {
|
||||
return request({
|
||||
url: '/safety/knowledgeDocument/file',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
};
|
||||
|
||||
export const uniFolderDownload = (data: any): AxiosPromise<KnowledgeDocumentVO> => {
|
||||
return request({});
|
||||
};
|
||||
|
||||
export const getProfileDetail = (data: any): AxiosPromise<KnowledgeDocumentVO> => {
|
||||
return request({});
|
||||
};
|
||||
175
src/api/safety/knowledgeDocument/types.ts
Normal file
175
src/api/safety/knowledgeDocument/types.ts
Normal file
@ -0,0 +1,175 @@
|
||||
export interface KnowledgeDocumentVO {
|
||||
/**
|
||||
* 主键id
|
||||
*/
|
||||
id: string | number;
|
||||
|
||||
/**
|
||||
* 项目id
|
||||
*/
|
||||
projectId: string | number;
|
||||
|
||||
/**
|
||||
* 父级（0代表顶级）
|
||||
*/
|
||||
pid: string | number;
|
||||
|
||||
/**
|
||||
* 文件名称
|
||||
*/
|
||||
fileName: string;
|
||||
|
||||
/**
|
||||
* 文件路径
|
||||
*/
|
||||
filePath: string;
|
||||
|
||||
/**
|
||||
* 文件访问路径
|
||||
*/
|
||||
fileUrl: string;
|
||||
|
||||
/**
|
||||
* 文件类型（1文件夹 2文件 3图片）
|
||||
*/
|
||||
fileType: string;
|
||||
|
||||
/**
|
||||
* 文件后缀
|
||||
*/
|
||||
fileSuffix: string;
|
||||
|
||||
/**
|
||||
* 状态（0正常 1删除）
|
||||
*/
|
||||
fileStatus: string;
|
||||
|
||||
/**
|
||||
* 原文件名
|
||||
*/
|
||||
originalName: string;
|
||||
|
||||
/**
|
||||
* 备注
|
||||
*/
|
||||
remark: string;
|
||||
|
||||
/**
|
||||
* 子对象
|
||||
*/
|
||||
children: KnowledgeDocumentVO[];
|
||||
}
|
||||
|
||||
export interface KnowledgeDocumentForm extends BaseEntity {
|
||||
/**
|
||||
* 主键id
|
||||
*/
|
||||
id?: string | number;
|
||||
|
||||
/**
|
||||
* 项目id
|
||||
*/
|
||||
projectId?: string | number;
|
||||
|
||||
/**
|
||||
* 父级（0代表顶级）
|
||||
*/
|
||||
pid?: string | number;
|
||||
|
||||
/**
|
||||
* 文件名称
|
||||
*/
|
||||
fileName?: string;
|
||||
|
||||
/**
|
||||
* 文件路径
|
||||
*/
|
||||
filePath?: string;
|
||||
|
||||
/**
|
||||
* 文件访问路径
|
||||
*/
|
||||
fileUrl?: string;
|
||||
|
||||
/**
|
||||
* 文件类型（1文件夹 2文件 3图片）
|
||||
*/
|
||||
fileType?: string;
|
||||
|
||||
/**
|
||||
* 文件后缀
|
||||
*/
|
||||
fileSuffix?: string;
|
||||
|
||||
/**
|
||||
* 状态（0正常 1删除）
|
||||
*/
|
||||
fileStatus?: string;
|
||||
|
||||
/**
|
||||
* 原文件名
|
||||
*/
|
||||
originalName?: string;
|
||||
|
||||
/**
|
||||
* 备注
|
||||
*/
|
||||
remark?: string;
|
||||
}
|
||||
|
||||
export interface KnowledgeDocumentPutFileNameQuery {
|
||||
id: string | number;
|
||||
fileName: string;
|
||||
}
|
||||
|
||||
export interface KnowledgeDocumentQuery {
|
||||
/**
|
||||
* 项目id
|
||||
*/
|
||||
projectId?: string | number;
|
||||
|
||||
/**
|
||||
* 父级（0代表顶级）
|
||||
*/
|
||||
pid?: string | number;
|
||||
|
||||
/**
|
||||
* 文件名称
|
||||
*/
|
||||
fileName?: string;
|
||||
|
||||
/**
|
||||
* 文件路径
|
||||
*/
|
||||
filePath?: string;
|
||||
|
||||
/**
|
||||
* 文件访问路径
|
||||
*/
|
||||
fileUrl?: string;
|
||||
|
||||
/**
|
||||
* 文件类型（1文件夹 2文件 3图片）
|
||||
*/
|
||||
fileType?: string;
|
||||
|
||||
/**
|
||||
* 文件后缀
|
||||
*/
|
||||
fileSuffix?: string;
|
||||
|
||||
/**
|
||||
* 状态（0正常 1删除）
|
||||
*/
|
||||
fileStatus?: string;
|
||||
|
||||
/**
|
||||
* 原文件名
|
||||
*/
|
||||
originalName?: string;
|
||||
|
||||
/**
|
||||
* 日期范围参数
|
||||
*/
|
||||
params?: any;
|
||||
}
|
||||
@ -3,7 +3,7 @@
|
||||
<el-upload
|
||||
ref="fileUploadRef"
|
||||
multiple
|
||||
:action="uploadFileUrl"
|
||||
:action="realUploadUrl"
|
||||
:before-upload="handleBeforeUpload"
|
||||
:file-list="fileList"
|
||||
:limit="limit"
|
||||
@ -103,7 +103,15 @@ const props = defineProps({
|
||||
//可拖拽上传
|
||||
isDarg: propTypes.bool.def(false),
|
||||
// 其他参数
|
||||
data: propTypes.object.def({})
|
||||
data: propTypes.object.def({}),
|
||||
onUploadSuccess: {
|
||||
type: Function as PropType<(files: any[]) => void>,
|
||||
default: undefined
|
||||
},
|
||||
params: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
});
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
@ -115,6 +123,10 @@ const baseUrl = import.meta.env.VITE_APP_BASE_API;
|
||||
const uploadFileUrl = ref(baseUrl + props.uploadUrl); // 上传文件服务器地址
|
||||
const headers = ref(globalHeaders());
|
||||
|
||||
const realUploadUrl = computed(() => {
|
||||
const search = new URLSearchParams(props.params).toString();
|
||||
return search ? `${baseUrl}${props.uploadUrl}?${search}` : `${baseUrl}${props.uploadUrl}`;
|
||||
});
|
||||
const fileList = ref<any[]>([]);
|
||||
const showTip = computed(() => props.isShowTip && (props.fileType || props.fileSize));
|
||||
|
||||
@ -256,6 +268,7 @@ const uploadedSuccessfully = () => {
|
||||
|
||||
emit('update:modelValue', listToString(fileList.value));
|
||||
proxy?.$modal.closeLoading();
|
||||
props.onUploadSuccess?.(fileList.value);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
@ -61,5 +61,24 @@ export default {
|
||||
const rspObj = JSON.parse(resText);
|
||||
const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default'];
|
||||
ElMessage.error(errMsg);
|
||||
},
|
||||
async direct(fileUrl: string, filename?: string) {
|
||||
downloadLoadingInstance = ElLoading.service({ text: '正在下载文件，请稍候...', background: 'rgba(0, 0, 0, 0.7)' });
|
||||
try {
|
||||
const res = await axios({
|
||||
method: 'get',
|
||||
url: fileUrl,
|
||||
responseType: 'blob',
|
||||
headers: globalHeaders() // 可根据是否跨域决定是否保留
|
||||
});
|
||||
const blob = new Blob([res.data], { type: 'application/octet-stream' });
|
||||
const name = filename || decodeURIComponent(fileUrl.split('/').pop()!);
|
||||
FileSaver.saveAs(blob, name);
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
ElMessage.error('下载文件失败，请检查链接或联系管理员');
|
||||
} finally {
|
||||
downloadLoadingInstance.close();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
726
src/views/quality/knowledgeDocument/index.vue
Normal file
726
src/views/quality/knowledgeDocument/index.vue
Normal file
@ -0,0 +1,726 @@
|
||||
<template>
|
||||
<div class="profile_engin">
|
||||
<div class="box_info">
|
||||
<div class="tree_left1" id="tree_left1">
|
||||
<div class="check_select">
|
||||
<el-button type="primary" v-auth="'/zm/api/v1/system/documentData/newFolder'" @click="addFile"
|
||||
><el-icon><ele-Plus /></el-icon>新建文件夹</el-button
|
||||
>
|
||||
<div class="box_btn" v-auth="'/zm/api/v1/system/documentData/add'">
|
||||
<span>＋导入</span>
|
||||
<div class="btn">
|
||||
<el-button type="primary" style="float: left" @click="state.bigUploadFile1"
|
||||
><el-icon><ele-Plus /></el-icon>导入压缩文件</el-button
|
||||
>
|
||||
<el-button type="primary" style="float: left" :disabled="!state.parentPid" @click="uploadFile(2)"
|
||||
><el-icon><ele-Plus /></el-icon>导入文件</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="file_upload check_select">
|
||||
<el-checkbox v-model="state.checked" @change="handleCheckedTreeExpand($event)" label="展开/折叠" size="large" />
|
||||
<div style="margin: 0 10px">
|
||||
<el-select v-model="state.paramsQuery.switch" placeholder="当前文件夹" size="small">
|
||||
<el-option v-for="item in state.options" :key="item.id" :label="item.label" :value="item.id" />
|
||||
</el-select>
|
||||
</div>
|
||||
<el-button type="primary" v-auth="'/zm/api/v1/system/documentProject/dataCompressedDownload'" :disabled="!state.parentPid" @click="onExport"
|
||||
><el-icon><ele-Download /></el-icon>下载</el-button
|
||||
>
|
||||
<el-button type="primary" @click="onBook" v-auth="'/zm/api/v1/system/documentData/dataFileQuery'"
|
||||
><el-icon><ele-View /></el-icon>查看全项目文件</el-button
|
||||
>
|
||||
</div>
|
||||
<div class="file_upload check_select">
|
||||
<el-input class="input_left" v-model="filterText" size="small" placeholder="请输入文件名称" />
|
||||
</div>
|
||||
<el-tree
|
||||
ref="treeRef"
|
||||
highlight-current
|
||||
:default-expand-all="state.checked"
|
||||
:filter-node-method="filterFolder"
|
||||
:data="state.treeList"
|
||||
:props="state.Props"
|
||||
node-key="id"
|
||||
accordion
|
||||
:draggable="state.draggableCheck"
|
||||
:expand-on-click-node="false"
|
||||
@node-click="handleNodeClick"
|
||||
:current-node-key="state.selectedNodeId"
|
||||
@node-drop="handleDragEnd"
|
||||
:allow-drop="allowDrop"
|
||||
>
|
||||
<template #default="{ node, data }">
|
||||
<span class="custom-tree-node">
|
||||
<el-icon color="#f1a81a"><ele-FolderOpened /></el-icon>
|
||||
<span>{{ node.label }}</span>
|
||||
<span style="margin-left: 20px" class="set-tool">
|
||||
<el-button type="primary" v-auth="'/zm/api/v1/system/documentData/onlineImport'" link @click.stop="uploadOnlineFile(node, data)"
|
||||
>在线模板复制</el-button
|
||||
>
|
||||
<el-button type="success" v-auth="'/zm/api/v1/system/documentData/edit'" link @click.stop="onUpdateName(node, data)"
|
||||
>重命名</el-button
|
||||
>
|
||||
<el-button type="danger" v-auth="'/zm/api/v1/system/documentData/delete'" link @click.stop="onRemove(node, data)">删除</el-button>
|
||||
</span>
|
||||
</span>
|
||||
</template>
|
||||
</el-tree>
|
||||
<div class="resize-handle resize-handle-right right"></div>
|
||||
</div>
|
||||
<div class="list_right" id="list_right1">
|
||||
<div>
|
||||
<el-form :model="state.paramsQuery" ref="queryRef" :inline="true" label-width="100px">
|
||||
<el-row>
|
||||
<el-col :span="6" class="colBlock">
|
||||
<el-form-item label="文件名称" prop="name">
|
||||
<el-input v-model="state.paramsQuery.name" placeholder="请输入文件名称" clearable @keyup.enter.native="getdocumentDataList" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="searchInfo"
|
||||
><el-icon><ele-Search /></el-icon>搜索</el-button
|
||||
>
|
||||
<el-button @click="resetQuery"
|
||||
><el-icon><ele-Refresh /></el-icon>重置</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="4">
|
||||
<el-button type="primary" v-auth="'/zm/api/v1/system/documentData/add'" :disabled="!parentPid" @click="uploadFile(2)"
|
||||
><el-icon><ele-Plus /></el-icon>导入本地文件</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="4">
|
||||
<el-button type="primary" @click="onMoveFile"
|
||||
><el-icon><ele-Plus /></el-icon>移动</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table v-loading="state.loading" :data="state.infoList" height="67vh" border>
|
||||
<el-table-column label="序号" align="center" type="index" min-width="50px" />
|
||||
<el-table-column label="文件名称" align="center" prop="name">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.name + scope.row.suffix }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="上传时间" align="center" prop="createdAt"> </el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
type="primary"
|
||||
v-auth="'/zm/api/v1/system/documentData/get'"
|
||||
v-if="state.acceptType.includes(scope.row.suffix)"
|
||||
link
|
||||
@click="handleView(scope.row)"
|
||||
><el-icon><ele-View /></el-icon>查看</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'"
|
||||
v-if="state.acceptType.includes(scope.row.suffix)"
|
||||
link
|
||||
@click="updataView(scope.row)"
|
||||
><el-icon><ele-EditPen /></el-icon>修改文件</el-button
|
||||
>
|
||||
<el-button type="primary" v-auth="'/zm/api/v1/system/documentData/uniFolderDownload'" link @click="onExportView(scope.row)"
|
||||
><el-icon><ele-Download /></el-icon>下载</el-button
|
||||
>
|
||||
<el-button type="success" v-auth="'/zm/api/v1/system/documentData/edit'" link @click="updateName(scope.row)"
|
||||
><el-icon><ele-EditPen /></el-icon>修改名称</el-button
|
||||
>
|
||||
<el-button type="danger" v-auth="'/zm/api/v1/system/documentData/delete'" link @click="handleDelete(scope.row)"
|
||||
><el-icon><ele-DeleteFilled /></el-icon>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
:total="state.total"
|
||||
v-model:page="state.paramsQuery.pageNum"
|
||||
v-model:limit="state.paramsQuery.pageSize"
|
||||
@pagination="getdocumentDataList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<documentDetail ref="documentDetailRef" v-if="state.showDocumentDetail" @onClose="onClose"></documentDetail>
|
||||
<documentsEdit ref="documentDataEditRef" v-if="state.showdocumentDataEdit" @onClose="onCloseEdit"></documentsEdit>
|
||||
<uploadFileder
|
||||
ref="uploadFilederRef"
|
||||
v-if="state.showUploadFileder"
|
||||
@onCloseFile="state.showUploadFileder = false"
|
||||
@getDocumentListFileType="getdocumentDataListFileType"
|
||||
></uploadFileder>
|
||||
<fileOnline ref="fileOnlineRef" @getfileOnlineType="getfileOnlineType"></fileOnline>
|
||||
<moveFile ref="moveFileRef"></moveFile>
|
||||
<bookFile ref="bookFileRef"></bookFile>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="KnowledgeDocument" lang="ts">
|
||||
import {
|
||||
listKnowledgeDocument,
|
||||
getKnowledgeDocument,
|
||||
delKnowledgeDocument,
|
||||
addKnowledgeDocument,
|
||||
uniFolderDownload,
|
||||
treeStructureData,
|
||||
updateKnowledgeDocument
|
||||
} from '@/api/quality/knowledgeDocument';
|
||||
import { KnowledgeDocumentVO, KnowledgeDocumentQuery, KnowledgeDocumentForm } from '@/api/quality/knowledgeDocument/types';
|
||||
|
||||
type KnowledgeDocumentOption = {
|
||||
id: number;
|
||||
fileName: string;
|
||||
children?: KnowledgeDocumentOption[];
|
||||
};
|
||||
// import documentDetail from '/@/views/OnlineEngineering/comm/documentsDetail/index.vue';
|
||||
// import documentsEdit from '/@/views/OnlineEngineering/comm/documentsEdit/index.vue';
|
||||
// import profileData from '/@/views/OnlineEngineering/profileData/index.vue';
|
||||
// import uploadFileder from '/@/views/OnlineEngineering/comm/uploadFileder/index.vue';
|
||||
// import fileOnline from '/@/views/OnlineEngineering/profileEngineering/fileOnline/index.vue';
|
||||
// import moveFile from '/@/views/OnlineEngineering/profileEngineering/moveFile/index.vue';
|
||||
// import bookFile from '/@/views/OnlineEngineering/comm/bookFile/index.vue';
|
||||
import { useUserStoreHook } from '@/store/modules/user';
|
||||
|
||||
const { proxy } = getCurrentInstance() as any;
|
||||
// 获取用户 store
|
||||
const userStore = useUserStoreHook();
|
||||
// 从 store 中获取项目列表和当前选中的项目
|
||||
const currentProject = computed(() => userStore.selectedProject);
|
||||
const filterText = ref('');
|
||||
const treeRef = ref();
|
||||
const documentDetailRef = ref();
|
||||
const documentDataEditRef = ref();
|
||||
const uploadFilederRef = ref();
|
||||
const fileOnlineRef = ref();
|
||||
const moveFileRef = ref();
|
||||
const bookFileRef = ref();
|
||||
const baseURL: string | undefined | boolean = import.meta.env.VITE_API_URL;
|
||||
|
||||
const state = reactive({
|
||||
treeList: [] as any,
|
||||
arrayList: [] as any,
|
||||
infoMap: new Map(),
|
||||
infoList: [] as any,
|
||||
Props: {
|
||||
children: 'treeStructureDataRes',
|
||||
label: 'name'
|
||||
},
|
||||
total: 0,
|
||||
paramsQuery: {
|
||||
idStr: '',
|
||||
name: '',
|
||||
switch: 1,
|
||||
pageNum: 1,
|
||||
pageSize: 20,
|
||||
projectId: currentProject.value?.id
|
||||
},
|
||||
loading: false,
|
||||
checked: true,
|
||||
options: [
|
||||
{ id: 1, label: '当前文件夹及以下' },
|
||||
{ id: 2, label: '当前文件夹' }
|
||||
],
|
||||
showDocumentDetail: false,
|
||||
showdocumentDataEdit: false,
|
||||
showUploadFileder: false,
|
||||
parentRow: null,
|
||||
parentPid: null,
|
||||
parentName: '',
|
||||
selectedNodeId: null,
|
||||
projectId: currentProject.value?.id || '',
|
||||
acceptType: ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx'],
|
||||
draggableCheck: true,
|
||||
activeName: ''
|
||||
});
|
||||
|
||||
watch(filterText, (val: any) => {
|
||||
treeRef.value!.filter(val);
|
||||
});
|
||||
|
||||
// 新建文件夹
|
||||
const addFile = () => {
|
||||
let tip = '在根目录下新建文件夹';
|
||||
if (state.parentPid) {
|
||||
tip = '在“' + state.parentName + '文件夹”下新建文件夹';
|
||||
}
|
||||
ElMessageBox.prompt('请输入文件夹名称', tip, {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
inputErrorMessage: '请输入文件夹名称',
|
||||
inputValue: ''
|
||||
})
|
||||
.then(({ value }) => {
|
||||
documentDataNewFolder({ fileName: value, pid: state.parentPid, fileType: 3, projectId: state.projectId }).then((res: any) => {
|
||||
if (res.code == 0) {
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '添加成功'
|
||||
});
|
||||
gettreeStructureData();
|
||||
} else {
|
||||
ElMessage({
|
||||
type: 'error',
|
||||
message: res.message
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
// 导入文件
|
||||
const uploadFile = (fileType) => {
|
||||
if (fileType == 2 && !state.parentPid) {
|
||||
ElMessage.warning('请选择文件目录！');
|
||||
return;
|
||||
}
|
||||
// 判断上传类型 文件与压缩包区分
|
||||
let acceptType = '.zip'; //压缩文件类型
|
||||
if (fileType == 2) {
|
||||
//文件上传
|
||||
acceptType = '';
|
||||
}
|
||||
state.showUploadFileder = true;
|
||||
nextTick(() => {
|
||||
// 打开弹框
|
||||
uploadFilederRef.value.openDialog(state.parentPid, fileType, acceptType, true);
|
||||
});
|
||||
};
|
||||
const searchInfo = () => {
|
||||
// 搜索
|
||||
getdocumentDataList();
|
||||
};
|
||||
const resetQuery = () => {
|
||||
// 重置
|
||||
state.paramsQuery.name = '';
|
||||
getdocumentDataList();
|
||||
};
|
||||
// 获取树形结构文件夹目录
|
||||
const gettreeStructureData = () => {
|
||||
state.parentPid = null;
|
||||
state.activeName = 'second';
|
||||
const loading = ElLoading.service({
|
||||
lock: true,
|
||||
text: '正在加载中……',
|
||||
background: 'rgba(0, 0, 0, 0.7)',
|
||||
target: '.tree_left1'
|
||||
});
|
||||
treeStructureData({ projectId: state.projectId }).then((res: any) => {
|
||||
loading.close();
|
||||
if (res.code == 0 && res.data && res.data.list) {
|
||||
state.selectedNodeId = '';
|
||||
state.treeList = res.data.list;
|
||||
state.paramsQuery.idStr = res.data.list[0].idStr;
|
||||
getdocumentDataList();
|
||||
setInfo(res.data.list);
|
||||
}
|
||||
});
|
||||
};
|
||||
// 处理数据
|
||||
const setInfo = (arr) => {
|
||||
arr.forEach((element) => {
|
||||
state.arrayList.push(element);
|
||||
state.infoMap.set(element.idStr, element.id);
|
||||
if (element.treeStructureDataRes && element.treeStructureDataRes.length) {
|
||||
setInfo(element.treeStructureDataRes);
|
||||
}
|
||||
});
|
||||
};
|
||||
// 选择目录文件
|
||||
const handleNodeClick = (row) => {
|
||||
state.parentRow = row;
|
||||
state.parentPid = row.idStr;
|
||||
state.parentName = row.name;
|
||||
state.paramsQuery.idStr = row.idStr;
|
||||
state.paramsQuery.name = '';
|
||||
getdocumentDataList();
|
||||
if (row.id === state.selectedNodeId) {
|
||||
// 如果当前节点已经选中，则取消选中
|
||||
state.selectedNodeId = null;
|
||||
state.parentPid = null; //关闭父级选择的id
|
||||
state.parentRow = null; //获取父级对象
|
||||
state.parentName = ''; //获取父级对应的名称
|
||||
state.paramsQuery.idStr = ''; //
|
||||
} else {
|
||||
// 否则选中当前节点 重新赋值
|
||||
state.selectedNodeId = row.id;
|
||||
}
|
||||
};
|
||||
// 获取文档列表数据
|
||||
const getdocumentDataList = () => {
|
||||
if (!state.paramsQuery.idStr) {
|
||||
return;
|
||||
}
|
||||
state.loading = true;
|
||||
documentDataList(state.paramsQuery).then((res: any) => {
|
||||
state.loading = false;
|
||||
if (res.code == 0) {
|
||||
res.data.list.sort((a, b) => {
|
||||
return a.name.localeCompare(b.name);
|
||||
});
|
||||
state.infoList = res.data.list;
|
||||
state.total = res.data.total;
|
||||
}
|
||||
});
|
||||
};
|
||||
// 查询tree树形结构数据
|
||||
const filterFolder = (value: string, data: any) => {
|
||||
if (!value) return true;
|
||||
return data.name.includes(value);
|
||||
};
|
||||
const handleDelete = (row) => {
|
||||
// 删除文档
|
||||
let msg = '你确定要删除所选文件？';
|
||||
delFile(msg, row, () => {
|
||||
getdocumentDataList();
|
||||
});
|
||||
};
|
||||
const onExportView = (row) => {};
|
||||
const updateName = (row) => {
|
||||
// 修改名称
|
||||
editName(row, '请输入文件名称', 1);
|
||||
};
|
||||
const handleView = (row) => {
|
||||
getProfileDetail(row.id).then((res: any) => {
|
||||
if (res.code == 0) {
|
||||
// 查看文档
|
||||
state.showDocumentDetail = true;
|
||||
nextTick(() => {
|
||||
documentDetailRef.value.openDialog(res.data);
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
// 关闭在线编辑弹框
|
||||
const onClose = () => {
|
||||
state.showDocumentDetail = false;
|
||||
};
|
||||
// 展开或折叠节点
|
||||
const handleCheckedTreeExpand = (value: any) => {
|
||||
for (let i = 0; i < state.arrayList.length; i++) {
|
||||
treeRef.value.store.nodesMap[state.arrayList[i].id].expanded = value;
|
||||
}
|
||||
};
|
||||
// 关闭修改的在线文档弹框
|
||||
const onCloseEdit = () => {
|
||||
state.showdocumentDataEdit = false;
|
||||
};
|
||||
const updataView = (row) => {
|
||||
// 修改文档
|
||||
state.showdocumentDataEdit = true;
|
||||
nextTick(() => {
|
||||
documentDataEditRef.value.openDialog(row, '/zm/api/v1/system/busConstructionUser/complaintBoxAddTwo');
|
||||
});
|
||||
};
|
||||
const resizeHandleRight = () => {
|
||||
// 右侧鼠标移动大小
|
||||
const resizeHandles = document.getElementsByClassName('resize-handle');
|
||||
Array.from(resizeHandles).forEach((handle) => {
|
||||
handle.addEventListener('mousedown', startResize);
|
||||
});
|
||||
};
|
||||
const startResize = (event) => {
|
||||
event.preventDefault();
|
||||
let dragElement = document.getElementById('tree_left1') as any;
|
||||
let dragElementRight = document.getElementById('list_right1');
|
||||
const currentHandle = event.target;
|
||||
const direction = currentHandle.className.split(' ')[1];
|
||||
const startX = event.clientX;
|
||||
const startY = event.clientY;
|
||||
// 左侧移动的盒子大小
|
||||
const startWidth = dragElement.offsetWidth;
|
||||
const startHeight = dragElement.offsetHeight;
|
||||
const startLeft = dragElement.offsetLeft;
|
||||
const startTop = dragElement.offsetTop;
|
||||
// 右侧移动盒子宽度
|
||||
const rightWidth = dragElementRight.offsetWidth;
|
||||
document.addEventListener('mousemove', resize);
|
||||
document.addEventListener('mouseup', stopResize);
|
||||
function resize(event) {
|
||||
const dx = event.clientX - startX;
|
||||
const dy = event.clientY - startY;
|
||||
let width = startWidth;
|
||||
let height = startHeight;
|
||||
let left = startLeft;
|
||||
let top = startTop;
|
||||
let rightWidth1 = rightWidth as any;
|
||||
if (direction.includes('right')) {
|
||||
width = startWidth + dx + 'px';
|
||||
let w = startWidth + dx + 10 + 'px';
|
||||
rightWidth1 = `calc(100% - ${w})`; //计算右侧盒子的宽度
|
||||
}
|
||||
if (parseInt(width) <= 0 || parseInt(height) <= 0) return;
|
||||
dragElementRight.style.width = rightWidth1;
|
||||
dragElement.style.width = width;
|
||||
dragElement.style.height = height;
|
||||
dragElement.style.left = left;
|
||||
dragElement.style.top = top;
|
||||
}
|
||||
function stopResize() {
|
||||
document.removeEventListener('mousemove', resize);
|
||||
document.removeEventListener('mouseup', stopResize);
|
||||
}
|
||||
};
|
||||
// 删除文件及文件夹
|
||||
const delFile = (msg, data, cb) => {
|
||||
ElMessageBox.confirm(msg, '提示', {
|
||||
confirmButtonText: '确认',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
documentDataDelete([data.id]).then((res: any) => {
|
||||
if (res.code == 0) {
|
||||
ElMessage.success('删除成功');
|
||||
cb();
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
const onRemove = (node, data) => {
|
||||
const parent = node.parent;
|
||||
const children = parent.data.treeStructureDataRes || parent.data;
|
||||
const index = children.findIndex((d) => d.id === data.id);
|
||||
let msg = '你确定要删除所选文件夹？';
|
||||
delFile(msg, data, () => {
|
||||
children.splice(index, 1);
|
||||
if (data.idStr == state.paramsQuery.idStr) {
|
||||
state.infoList = []; //清空文件列表
|
||||
}
|
||||
state.treeList = [...state.treeList]; //刷新当前列表数据
|
||||
});
|
||||
};
|
||||
const editName = (data, title, type) => {
|
||||
ElMessageBox.prompt(title, '温馨提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
inputErrorMessage: title,
|
||||
inputValue: data.name
|
||||
})
|
||||
.then(({ value }) => {
|
||||
documentDataEdit({ id: data.id, name: value, type, projectId: state.projectId }).then((res: any) => {
|
||||
if (res.code == 0) {
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '修改成功'
|
||||
});
|
||||
// 数据重新刷新
|
||||
if (type == 2) {
|
||||
gettreeStructureData();
|
||||
} else {
|
||||
getdocumentDataList();
|
||||
}
|
||||
} else {
|
||||
ElMessage({
|
||||
type: 'error',
|
||||
message: res.message
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
const onUpdateName = (node, data) => {
|
||||
editName(data, '请输入文件夹名称', 2);
|
||||
};
|
||||
const getdocumentDataListFileType = (fileType) => {
|
||||
if (fileType == 2) {
|
||||
getdocumentDataList();
|
||||
} else {
|
||||
gettreeStructureData();
|
||||
}
|
||||
};
|
||||
const getfileOnlineType = (fileType) => {
|
||||
if (fileType == 1) {
|
||||
getdocumentDataList();
|
||||
} else {
|
||||
gettreeStructureData();
|
||||
}
|
||||
};
|
||||
const onExport = () => {
|
||||
uniFolderDownload(state.parentRow.filenPath).then((res: any) => {
|
||||
if (res.code == 0) {
|
||||
let fileUrl = res.data.RelativePath;
|
||||
window.open(fileUrl, '_self');
|
||||
}
|
||||
});
|
||||
};
|
||||
// 在线模板文件导入
|
||||
const uploadOnlineFile = (node, data) => {
|
||||
state.paramsQuery.idStr = data.idStr;
|
||||
fileOnlineRef.value.openDialog(data.id);
|
||||
};
|
||||
const onMoveFile = () => {
|
||||
// 移动文件
|
||||
// moveFileRef.value.openDialog();
|
||||
};
|
||||
// 拖拽移动
|
||||
const handleDragEnd = (draggingNode, dropNode, dropType, ev) => {
|
||||
// TemplateId 被移动 DataId位置
|
||||
let obj = { type: draggingNode.data.type, TemplateId: draggingNode.data.id, projectId: state.projectId, DataId: '' };
|
||||
let DataId = '';
|
||||
if (dropType == 'after' || dropType == 'before') {
|
||||
// 获取父级id
|
||||
// 通过pid找父级id
|
||||
let pid = dropNode.data.pid; //子级pid
|
||||
if (state.infoMap.has(pid)) {
|
||||
//
|
||||
DataId = state.infoMap.get(pid);
|
||||
}
|
||||
obj.DataId = DataId;
|
||||
} else {
|
||||
obj.DataId = dropNode.data.id;
|
||||
}
|
||||
if (!obj.DataId) {
|
||||
return false;
|
||||
}
|
||||
const loading = ElLoading.service({
|
||||
lock: true,
|
||||
text: '正在加载中……',
|
||||
background: 'rgba(0, 0, 0, 0.7)',
|
||||
target: '.tree_left1'
|
||||
});
|
||||
onlineMobile(obj).then((res: any) => {
|
||||
loading.close();
|
||||
if (res.code == 0) {
|
||||
ElMessage.success('移动成功');
|
||||
// 重新获取文件接口
|
||||
gettreeStructureData();
|
||||
} else {
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
};
|
||||
const allowDrop = (draggingNode, dropNode, type) => {
|
||||
// 不可移动
|
||||
if (dropNode.data.pid == 0 && type != 'inner') {
|
||||
//不可移动到最外层
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
};
|
||||
// 查看所有资料
|
||||
const onBook = () => {
|
||||
bookFileRef.value.openDialog();
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
resizeHandleRight();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.profile_engin {
|
||||
height: 80vh;
|
||||
.set-tool {
|
||||
display: none;
|
||||
}
|
||||
.el-tree-node__content:hover,
|
||||
.el-tree-node__content:active {
|
||||
.set-tool {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
|
||||
background-color: #354e67 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.box_info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.pagination-container {
|
||||
padding: 10px 0 !important;
|
||||
}
|
||||
> div {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.tree_left1 {
|
||||
width: 30%;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 6px;
|
||||
padding: 6px 0px;
|
||||
position: relative;
|
||||
min-width: 26%;
|
||||
border-right: 6px solid;
|
||||
border-right-color: rgba(204, 230, 255, 0);
|
||||
.resize-handle-right {
|
||||
top: 0;
|
||||
width: 6px;
|
||||
height: 100%;
|
||||
right: -10px;
|
||||
cursor: ew-resize;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
}
|
||||
.check_select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
// justify-content: space-between;
|
||||
padding: 4px;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
.box_btn {
|
||||
width: 360px;
|
||||
margin: 0 10px 0 20px;
|
||||
position: relative;
|
||||
> span {
|
||||
padding: 4px 10px;
|
||||
background: #67c23a;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.btn {
|
||||
position: absolute;
|
||||
left: 20%;
|
||||
display: none;
|
||||
top: -2px;
|
||||
width: 220px;
|
||||
.el-button {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box_btn:hover,
|
||||
.box_btn:active {
|
||||
cursor: pointer;
|
||||
.btn {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.file_upload {
|
||||
margin: 2px 0;
|
||||
}
|
||||
.input_left {
|
||||
padding: 6px;
|
||||
box-sizing: border-box;
|
||||
// border-bottom: 1px solid #cbcbcb;
|
||||
}
|
||||
}
|
||||
.list_right {
|
||||
width: 69.5%;
|
||||
background: white;
|
||||
border: 1px solid #ededed;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.el-tree {
|
||||
height: calc(80vh - 160px);
|
||||
width: 100%;
|
||||
overflow: auto !important;
|
||||
}
|
||||
// .el-tree-node__children {
|
||||
// overflow: visible !important;
|
||||
// }
|
||||
}
|
||||
</style>
|
||||
735
src/views/safety/knowledgeDocument/index.vue
Normal file
735
src/views/safety/knowledgeDocument/index.vue
Normal file
@ -0,0 +1,735 @@
|
||||
<template>
|
||||
<div class="profile_engin m-8">
|
||||
<div class="box_info">
|
||||
<div class="tree_left1" id="tree_left1">
|
||||
<div class="check_select">
|
||||
<!-- <el-button type="primary" v-auth="'/zm/api/v1/system/documentData/newFolder'" @click="addFile"
|
||||
><el-icon><Plus /></el-icon>新建文件夹</el-button
|
||||
> -->
|
||||
<div class="box_btn" v-auth="'/zm/api/v1/system/documentData/add'">
|
||||
<file-upload v-model="state.paramsQuery.file" :limit="1" :uploadUrl="uploadUrl" :on-upload-success="uploadFile">
|
||||
<el-button type="primary" style="float: left" :disabled="!state.parentPid">
|
||||
<el-icon size="small"><Plus /></el-icon>上传文件
|
||||
</el-button>
|
||||
</file-upload>
|
||||
</div>
|
||||
</div>
|
||||
<div class="file_upload check_select">
|
||||
<el-checkbox v-model="state.checked" @change="handleCheckedTreeExpand($event)" label="展开/折叠" size="large" />
|
||||
<div style="margin: 0 10px">
|
||||
<el-select v-model="state.paramsQuery.switch" placeholder="当前文件夹" size="small">
|
||||
<el-option v-for="item in state.options" :key="item.id" :label="item.label" :value="item.id" />
|
||||
</el-select>
|
||||
</div>
|
||||
<el-button type="primary" v-auth="'/zm/api/v1/system/documentProject/dataCompressedDownload'" :disabled="!state.parentPid" @click="onExport"
|
||||
><el-icon><Download /></el-icon>下载</el-button
|
||||
>
|
||||
<el-button type="primary" @click="onBook" v-auth="'/zm/api/v1/system/documentData/dataFileQuery'"
|
||||
><el-icon><View /></el-icon>查看全项目文件</el-button
|
||||
>
|
||||
</div>
|
||||
<div class="file_upload check_select">
|
||||
<el-input class="input_left" v-model="filterText" size="small" placeholder="请输入文件名称" />
|
||||
</div>
|
||||
<el-tree
|
||||
ref="treeRef"
|
||||
highlight-current
|
||||
:default-expand-all="state.checked"
|
||||
:filter-node-method="filterFolder"
|
||||
:data="state.treeList"
|
||||
node-key="id"
|
||||
accordion
|
||||
:expand-on-click-node="false"
|
||||
@node-click="handleNodeClick"
|
||||
:current-node-key="state.selectedNodeId"
|
||||
:allow-drop="allowDrop"
|
||||
>
|
||||
<template #default="{ node, data }">
|
||||
<span class="custom-tree-node">
|
||||
<el-icon color="#f1a81a"><FolderOpened /></el-icon>
|
||||
<span>{{ node.label }}</span>
|
||||
</span>
|
||||
</template>
|
||||
</el-tree>
|
||||
<div class="resize-handle resize-handle-right right"></div>
|
||||
</div>
|
||||
<div class="list_right" id="list_right1">
|
||||
<div>
|
||||
<el-form :model="state.paramsQuery" ref="queryRef" :inline="true" label-width="100px">
|
||||
<el-row>
|
||||
<el-col :span="7" class="colBlock">
|
||||
<el-form-item label="文件名称" prop="fileName">
|
||||
<el-input v-model="state.paramsQuery.fileName" placeholder="请输入文件名称" clearable @keyup.enter.native="getdocumentDataList" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" class="m-l10">
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="searchInfo"
|
||||
><el-icon><Search /></el-icon>搜索</el-button
|
||||
>
|
||||
<el-button @click="resetQuery"
|
||||
><el-icon><Refresh /></el-icon>重置</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="4">
|
||||
<el-button type="primary" v-auth="'/zm/api/v1/system/documentData/add'" :disabled="!parentPid" @click="uploadFile(2)"
|
||||
><el-icon><Plus /></el-icon>导入本地文件</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="4">
|
||||
<el-button type="primary" @click="onMoveFile"
|
||||
><el-icon><Plus /></el-icon>移动</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table v-loading="state.loading" :data="state.infoList" height="67vh" border>
|
||||
<el-table-column label="序号" align="center" type="index" min-width="50px" />
|
||||
<el-table-column label="文件名称" align="center" prop="fileName"></el-table-column>
|
||||
<el-table-column label="上传时间" align="center" prop="createdAt"> </el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
type="primary"
|
||||
v-auth="'/zm/api/v1/system/documentData/get'"
|
||||
v-if="state.acceptType.includes(scope.row.suffix)"
|
||||
link
|
||||
@click="handleView(scope.row)"
|
||||
><el-icon><View /></el-icon>查看</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
v-auth="'/zm/api/v1/system/documentData/complaintBoxAdd'"
|
||||
v-if="state.acceptType.includes(scope.row.suffix)"
|
||||
link
|
||||
@click="updataView(scope.row)"
|
||||
><el-icon><EditPen /></el-icon>修改文件</el-button
|
||||
>
|
||||
<el-button type="primary" v-auth="'/zm/api/v1/system/documentData/uniFolderDownload'" link @click="onExportView(scope.row)"
|
||||
><el-icon><Download /></el-icon>下载</el-button
|
||||
>
|
||||
<el-button type="success" v-auth="'/zm/api/v1/system/documentData/edit'" link @click="updateName(scope.row)"
|
||||
><el-icon><EditPen /></el-icon>修改名称</el-button
|
||||
>
|
||||
<el-button type="danger" v-auth="'/zm/api/v1/system/documentData/delete'" link @click="handleDelete(scope.row)"
|
||||
><el-icon><DeleteFilled /></el-icon>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
:total="state.total"
|
||||
v-model:page="state.paramsQuery.pageNum"
|
||||
v-model:limit="state.paramsQuery.pageSize"
|
||||
@pagination="getdocumentDataList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <documentDetail ref="documentDetailRef" v-if="state.showDocumentDetail" @onClose="onClose"></documentDetail>
|
||||
<documentsEdit ref="documentDataEditRef" v-if="state.showdocumentDataEdit" @onClose="onCloseEdit"></documentsEdit>
|
||||
<uploadFileder
|
||||
ref="uploadFilederRef"
|
||||
v-if="state.showUploadFileder"
|
||||
@onCloseFile="state.showUploadFileder = false"
|
||||
@getDocumentListFileType="getdocumentDataListFileType"
|
||||
></uploadFileder>
|
||||
<fileOnline ref="fileOnlineRef" @getfileOnlineType="getfileOnlineType"></fileOnline>
|
||||
<moveFile ref="moveFileRef"></moveFile>
|
||||
<bookFile ref="bookFileRef"></bookFile> -->
|
||||
<el-dialog title="上传文件" v-model="uploadFileder" width="30%">
|
||||
<file-upload v-model="state.paramsQuery.file"></file-upload>
|
||||
<template #footer>
|
||||
<span>
|
||||
<el-button @click="uploadFileder = false">取消</el-button>
|
||||
<el-button type="primary" @click="subMitUpload">确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="KnowledgeDocument" lang="ts">
|
||||
import {
|
||||
listKnowledgeDocument,
|
||||
getKnowledgeDocument,
|
||||
delKnowledgeDocument,
|
||||
addKnowledgeDocument,
|
||||
uniFolderDownload,
|
||||
treeStructureData,
|
||||
documentDataEdit,
|
||||
getProfileDetail,
|
||||
updateKnowledgeDocument
|
||||
} from '@/api/safety/knowledgeDocument';
|
||||
import { KnowledgeDocumentVO, KnowledgeDocumentQuery, KnowledgeDocumentForm } from '@/api/quality/knowledgeDocument/types';
|
||||
|
||||
type KnowledgeDocumentOption = {
|
||||
id: number;
|
||||
fileName: string;
|
||||
children?: KnowledgeDocumentOption[];
|
||||
};
|
||||
// import documentDetail from '/@/views/OnlineEngineering/comm/documentsDetail/index.vue';
|
||||
// import documentsEdit from '/@/views/OnlineEngineering/comm/documentsEdit/index.vue';
|
||||
// import profileData from '/@/views/OnlineEngineering/profileData/index.vue';
|
||||
// import uploadFileder from '/@/views/OnlineEngineering/comm/uploadFileder/index.vue';
|
||||
// import fileOnline from '/@/views/OnlineEngineering/profileEngineering/fileOnline/index.vue';
|
||||
// import moveFile from '/@/views/OnlineEngineering/profileEngineering/moveFile/index.vue';
|
||||
// import bookFile from '/@/views/OnlineEngineering/comm/bookFile/index.vue';
|
||||
import { useUserStoreHook } from '@/store/modules/user';
|
||||
|
||||
const { proxy } = getCurrentInstance() as any;
|
||||
// 获取用户 store
|
||||
const userStore = useUserStoreHook();
|
||||
// 从 store 中获取项目列表和当前选中的项目
|
||||
const currentProject = computed(() => userStore.selectedProject);
|
||||
const uploadUrl = computed(() => {
|
||||
console.log(`/safety/knowledgeDocument/file?pid=${state.paramsQuery.folderId}&projectId=${state.projectId}`);
|
||||
|
||||
return `/safety/knowledgeDocument/file?pid=${state.paramsQuery.folderId}&projectId=${state.projectId}`;
|
||||
});
|
||||
|
||||
const filterText = ref('');
|
||||
const treeRef = ref();
|
||||
const documentDetailRef = ref();
|
||||
const documentDataEditRef = ref();
|
||||
const uploadFileder = ref(false);
|
||||
const fileOnlineRef = ref();
|
||||
const moveFileRef = ref();
|
||||
const bookFileRef = ref();
|
||||
const baseURL: string | undefined | boolean = import.meta.env.VITE_API_URL;
|
||||
const state = reactive({
|
||||
treeList: [] as any,
|
||||
arrayList: [] as any,
|
||||
infoMap: new Map(),
|
||||
infoList: [] as any,
|
||||
|
||||
total: 0,
|
||||
paramsQuery: {
|
||||
folderId: '',
|
||||
fileName: '',
|
||||
switch: 1,
|
||||
pageNum: 1,
|
||||
pageSize: 20,
|
||||
projectId: currentProject.value?.id,
|
||||
file: null,
|
||||
pid: null
|
||||
},
|
||||
loading: false,
|
||||
checked: true,
|
||||
options: [
|
||||
{ id: 1, label: '当前文件夹及以下' },
|
||||
{ id: 2, label: '当前文件夹' }
|
||||
],
|
||||
showDocumentDetail: false,
|
||||
showdocumentDataEdit: false,
|
||||
showUploadFileder: false,
|
||||
parentRow: null,
|
||||
parentPid: null,
|
||||
parentName: '',
|
||||
selectedNodeId: null,
|
||||
projectId: currentProject.value?.id || '',
|
||||
acceptType: ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx'],
|
||||
draggableCheck: true,
|
||||
activeName: ''
|
||||
});
|
||||
|
||||
watch(filterText, (val: any) => {
|
||||
treeRef.value!.filter(val);
|
||||
});
|
||||
|
||||
// 新建文件夹
|
||||
// const addFile = () => {
|
||||
// let tip = '在根目录下新建文件夹';
|
||||
// if (state.parentPid) {
|
||||
// tip = '在“' + state.parentName + '文件夹”下新建文件夹';
|
||||
// }
|
||||
// ElMessageBox.prompt('请输入文件夹名称', tip, {
|
||||
// confirmButtonText: '确定',
|
||||
// cancelButtonText: '取消',
|
||||
// inputErrorMessage: '请输入文件夹名称',
|
||||
// inputValue: ''
|
||||
// })
|
||||
// .then(({ value }) => {
|
||||
// documentDataNewFolder({ fileName: value, pid: state.parentPid, fileType: 3, projectId: state.projectId }).then((res: any) => {
|
||||
// if (res.code == 0) {
|
||||
// ElMessage({
|
||||
// type: 'success',
|
||||
// message: '添加成功'
|
||||
// });
|
||||
// gettreeStructureData();
|
||||
// } else {
|
||||
// ElMessage({
|
||||
// type: 'error',
|
||||
// message: res.message
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// })
|
||||
// .catch(() => {});
|
||||
// };
|
||||
// 上传文件
|
||||
const uploadFile = (files: any[]) => {
|
||||
proxy.$modal.success('上传成功');
|
||||
getdocumentDataList();
|
||||
// uploadFileder.value = true;
|
||||
};
|
||||
|
||||
// 提交上传文件
|
||||
const subMitUpload = () => {
|
||||
if (!state.paramsQuery.file) {
|
||||
ElMessage.warning('请选择文件！');
|
||||
return;
|
||||
}
|
||||
|
||||
addKnowledgeDocument(state.paramsQuery, { projectId: state.projectId, pid: state.parentPid }).then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage.success('上传成功');
|
||||
uploadFileder.value = false;
|
||||
state.paramsQuery.file = null; //清空文件
|
||||
getdocumentDataList();
|
||||
} else {
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const searchInfo = () => {
|
||||
// 搜索
|
||||
getdocumentDataList();
|
||||
};
|
||||
const resetQuery = () => {
|
||||
// 重置
|
||||
state.paramsQuery.fileName = '';
|
||||
getdocumentDataList();
|
||||
};
|
||||
// 获取树形结构文件夹目录
|
||||
const gettreeStructureData = () => {
|
||||
state.parentPid = null;
|
||||
state.activeName = 'second';
|
||||
const loading = ElLoading.service({
|
||||
lock: true,
|
||||
text: '正在加载中……',
|
||||
background: 'rgba(0, 0, 0, 0.7)',
|
||||
target: '.tree_left1'
|
||||
});
|
||||
treeStructureData(state.projectId).then((res: any) => {
|
||||
loading.close();
|
||||
if (res.code == 200 && res.data && res.data.length) {
|
||||
state.selectedNodeId = '';
|
||||
state.treeList = res.data;
|
||||
state.paramsQuery.folderId = res.data[0].id;
|
||||
getdocumentDataList();
|
||||
// setInfo(res.data);
|
||||
}
|
||||
});
|
||||
};
|
||||
// 处理数据
|
||||
const setInfo = (arr) => {
|
||||
arr.forEach((element) => {
|
||||
state.arrayList.push(element);
|
||||
state.infoMap.set(element.folderId, element.id);
|
||||
if (element.treeStructureDataRes && element.treeStructureDataRes.length) {
|
||||
setInfo(element.treeStructureDataRes);
|
||||
}
|
||||
});
|
||||
};
|
||||
// 选择目录文件
|
||||
const handleNodeClick = (row) => {
|
||||
state.parentRow = row;
|
||||
state.parentPid = row.parentId;
|
||||
console.log('🚀 ~ handleNodeClick ~ state.parentPid:', state.parentPid);
|
||||
state.parentName = row.name;
|
||||
state.paramsQuery.folderId = row.id;
|
||||
state.paramsQuery.fileName = '';
|
||||
getdocumentDataList();
|
||||
if (row.id === state.selectedNodeId) {
|
||||
// 如果当前节点已经选中，则取消选中
|
||||
state.selectedNodeId = null;
|
||||
state.parentPid = null; //关闭父级选择的id
|
||||
state.parentRow = null; //获取父级对象
|
||||
state.parentName = ''; //获取父级对应的名称
|
||||
state.paramsQuery.folderId = ''; //
|
||||
} else {
|
||||
// 否则选中当前节点 重新赋值
|
||||
state.selectedNodeId = row.id;
|
||||
}
|
||||
console.log('🚀 ~ handleNodeClick ~ state.parentPid:', state.paramsQuery.folderId);
|
||||
};
|
||||
// 获取文档列表数据
|
||||
const getdocumentDataList = () => {
|
||||
if (!state.paramsQuery.folderId) {
|
||||
return;
|
||||
}
|
||||
state.loading = true;
|
||||
listKnowledgeDocument(state.paramsQuery).then((res: any) => {
|
||||
state.loading = false;
|
||||
if (res.code == 200) {
|
||||
// res.data.list.sort((a, b) => {
|
||||
// return a.name.localeCompare(b.name);
|
||||
// });
|
||||
state.infoList = res.rows;
|
||||
state.total = res.total;
|
||||
}
|
||||
});
|
||||
};
|
||||
// 查询tree树形结构数据
|
||||
const filterFolder = (value: string, data: any) => {
|
||||
if (!value) return true;
|
||||
return data.name.includes(value);
|
||||
};
|
||||
const handleDelete = (row) => {
|
||||
// 删除文档
|
||||
let msg = '你确定要删除所选文件？';
|
||||
delFile(msg, row, () => {
|
||||
getdocumentDataList();
|
||||
});
|
||||
};
|
||||
const onExportView = (row) => {
|
||||
console.log(row);
|
||||
proxy.$download.direct(row.fileUrl, row.fileName);
|
||||
};
|
||||
const updateName = (row) => {
|
||||
// 修改名称
|
||||
editName(row, '请输入文件名称', 1);
|
||||
};
|
||||
const handleView = (row) => {
|
||||
// getProfileDetail(row.id).then((res: any) => {
|
||||
// if (res.code == 200) {
|
||||
// // 查看文档
|
||||
// state.showDocumentDetail = true;
|
||||
// nextTick(() => {
|
||||
// documentDetailRef.value.openDialog(res.data);
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
};
|
||||
// 关闭在线编辑弹框
|
||||
const onClose = () => {
|
||||
state.showDocumentDetail = false;
|
||||
};
|
||||
// 展开或折叠节点
|
||||
const handleCheckedTreeExpand = (value: any) => {
|
||||
for (let i = 0; i < state.arrayList.length; i++) {
|
||||
treeRef.value.store.nodesMap[state.arrayList[i].id].expanded = value;
|
||||
}
|
||||
};
|
||||
// 关闭修改的在线文档弹框
|
||||
const onCloseEdit = () => {
|
||||
state.showdocumentDataEdit = false;
|
||||
};
|
||||
const updataView = (row) => {
|
||||
// 修改文档
|
||||
state.showdocumentDataEdit = true;
|
||||
nextTick(() => {
|
||||
documentDataEditRef.value.openDialog(row, '/zm/api/v1/system/busConstructionUser/complaintBoxAddTwo');
|
||||
});
|
||||
};
|
||||
const resizeHandleRight = () => {
|
||||
// 右侧鼠标移动大小
|
||||
const resizeHandles = document.getElementsByClassName('resize-handle');
|
||||
Array.from(resizeHandles).forEach((handle) => {
|
||||
handle.addEventListener('mousedown', startResize);
|
||||
});
|
||||
};
|
||||
const startResize = (event) => {
|
||||
event.preventDefault();
|
||||
let dragElement = document.getElementById('tree_left1') as any;
|
||||
let dragElementRight = document.getElementById('list_right1');
|
||||
const currentHandle = event.target;
|
||||
const direction = currentHandle.className.split(' ')[1];
|
||||
const startX = event.clientX;
|
||||
const startY = event.clientY;
|
||||
// 左侧移动的盒子大小
|
||||
const startWidth = dragElement.offsetWidth;
|
||||
const startHeight = dragElement.offsetHeight;
|
||||
const startLeft = dragElement.offsetLeft;
|
||||
const startTop = dragElement.offsetTop;
|
||||
// 右侧移动盒子宽度
|
||||
const rightWidth = dragElementRight.offsetWidth;
|
||||
document.addEventListener('mousemove', resize);
|
||||
document.addEventListener('mouseup', stopResize);
|
||||
function resize(event) {
|
||||
const dx = event.clientX - startX;
|
||||
const dy = event.clientY - startY;
|
||||
let width = startWidth;
|
||||
let height = startHeight;
|
||||
let left = startLeft;
|
||||
let top = startTop;
|
||||
let rightWidth1 = rightWidth as any;
|
||||
if (direction.includes('right')) {
|
||||
width = startWidth + dx + 'px';
|
||||
let w = startWidth + dx + 10 + 'px';
|
||||
rightWidth1 = `calc(100% - ${w})`; //计算右侧盒子的宽度
|
||||
}
|
||||
if (parseInt(width) <= 0 || parseInt(height) <= 0) return;
|
||||
dragElementRight.style.width = rightWidth1;
|
||||
dragElement.style.width = width;
|
||||
dragElement.style.height = height;
|
||||
dragElement.style.left = left;
|
||||
dragElement.style.top = top;
|
||||
}
|
||||
function stopResize() {
|
||||
document.removeEventListener('mousemove', resize);
|
||||
document.removeEventListener('mouseup', stopResize);
|
||||
}
|
||||
};
|
||||
// 删除文件及文件夹
|
||||
const delFile = (msg, data, cb) => {
|
||||
ElMessageBox.confirm(msg, '提示', {
|
||||
confirmButtonText: '确认',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
delKnowledgeDocument([data.id]).then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage.success('删除成功');
|
||||
cb();
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
const onRemove = (node, data) => {
|
||||
const parent = node.parent;
|
||||
const children = parent.data.treeStructureDataRes || parent.data;
|
||||
const index = children.findIndex((d) => d.id === data.id);
|
||||
let msg = '你确定要删除所选文件夹？';
|
||||
delFile(msg, data, () => {
|
||||
children.splice(index, 1);
|
||||
if (data.folderId == state.paramsQuery.folderId) {
|
||||
state.infoList = []; //清空文件列表
|
||||
}
|
||||
state.treeList = [...state.treeList]; //刷新当前列表数据
|
||||
});
|
||||
};
|
||||
const editName = (data, title, type) => {
|
||||
ElMessageBox.prompt(title, '温馨提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
inputErrorMessage: title,
|
||||
inputValue: data.fileName
|
||||
})
|
||||
.then(({ value }) => {
|
||||
documentDataEdit({ id: data.id, fileName: value }).then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '修改成功'
|
||||
});
|
||||
// 数据重新刷新
|
||||
if (type == 2) {
|
||||
gettreeStructureData();
|
||||
} else {
|
||||
getdocumentDataList();
|
||||
}
|
||||
} else {
|
||||
ElMessage({
|
||||
type: 'error',
|
||||
message: res.message
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
const onUpdateName = (node, data) => {
|
||||
editName(data, '请输入文件夹名称', 2);
|
||||
};
|
||||
const getdocumentDataListFileType = (fileType) => {
|
||||
if (fileType == 2) {
|
||||
getdocumentDataList();
|
||||
} else {
|
||||
gettreeStructureData();
|
||||
}
|
||||
};
|
||||
const getfileOnlineType = (fileType) => {
|
||||
if (fileType == 1) {
|
||||
getdocumentDataList();
|
||||
} else {
|
||||
gettreeStructureData();
|
||||
}
|
||||
};
|
||||
const onExport = () => {
|
||||
uniFolderDownload(state.parentRow.filenPath).then((res: any) => {
|
||||
if (res.code == 0) {
|
||||
let fileUrl = res.data.RelativePath;
|
||||
window.open(fileUrl, '_self');
|
||||
}
|
||||
});
|
||||
};
|
||||
// 在线模板文件导入
|
||||
const uploadOnlineFile = (node, data) => {
|
||||
state.paramsQuery.folderId = data.folderId;
|
||||
fileOnlineRef.value.openDialog(data.id);
|
||||
};
|
||||
const onMoveFile = () => {
|
||||
// 移动文件
|
||||
// moveFileRef.value.openDialog();
|
||||
};
|
||||
// 拖拽移动
|
||||
// const handleDragEnd = (draggingNode, dropNode, dropType, ev) => {
|
||||
// // TemplateId 被移动 DataId位置
|
||||
// let obj = { type: draggingNode.data.type, TemplateId: draggingNode.data.id, projectId: state.projectId, DataId: '' };
|
||||
// let DataId = '';
|
||||
// if (dropType == 'after' || dropType == 'before') {
|
||||
// // 获取父级id
|
||||
// // 通过pid找父级id
|
||||
// let pid = dropNode.data.pid; //子级pid
|
||||
// if (state.infoMap.has(pid)) {
|
||||
// //
|
||||
// DataId = state.infoMap.get(pid);
|
||||
// }
|
||||
// obj.DataId = DataId;
|
||||
// } else {
|
||||
// obj.DataId = dropNode.data.id;
|
||||
// }
|
||||
// if (!obj.DataId) {
|
||||
// return false;
|
||||
// }
|
||||
// const loading = ElLoading.service({
|
||||
// lock: true,
|
||||
// text: '正在加载中……',
|
||||
// background: 'rgba(0, 0, 0, 0.7)',
|
||||
// target: '.tree_left1'
|
||||
// });
|
||||
// onlineMobile(obj).then((res: any) => {
|
||||
// loading.close();
|
||||
// if (res.code == 0) {
|
||||
// ElMessage.success('移动成功');
|
||||
// // 重新获取文件接口
|
||||
// gettreeStructureData();
|
||||
// } else {
|
||||
// ElMessage.error(res.message);
|
||||
// }
|
||||
// });
|
||||
// };
|
||||
const allowDrop = (draggingNode, dropNode, type) => {
|
||||
// 不可移动
|
||||
if (dropNode.data.pid == 0 && type != 'inner') {
|
||||
//不可移动到最外层
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
};
|
||||
// 查看所有资料
|
||||
const onBook = () => {
|
||||
bookFileRef.value.openDialog();
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
gettreeStructureData();
|
||||
resizeHandleRight();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.profile_engin {
|
||||
height: 80vh;
|
||||
.set-tool {
|
||||
display: none;
|
||||
}
|
||||
.el-tree-node__content:hover,
|
||||
.el-tree-node__content:active {
|
||||
.set-tool {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
|
||||
background-color: #354e67 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.box_info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.pagination-container {
|
||||
padding: 10px 0 !important;
|
||||
}
|
||||
> div {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.tree_left1 {
|
||||
width: 30%;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 6px;
|
||||
padding: 6px 0px;
|
||||
position: relative;
|
||||
min-width: 26%;
|
||||
border-right: 6px solid;
|
||||
border-right-color: rgba(204, 230, 255, 0);
|
||||
.resize-handle-right {
|
||||
top: 0;
|
||||
width: 6px;
|
||||
height: 100%;
|
||||
right: -10px;
|
||||
cursor: ew-resize;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
}
|
||||
.check_select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
// justify-content: space-between;
|
||||
padding: 4px;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
.box_btn {
|
||||
width: 360px;
|
||||
margin: 0 10px 0 20px;
|
||||
position: relative;
|
||||
> span {
|
||||
padding: 4px 10px;
|
||||
background: #67c23a;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.btn {
|
||||
position: absolute;
|
||||
left: 20%;
|
||||
display: none;
|
||||
top: -2px;
|
||||
width: 220px;
|
||||
.el-button {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box_btn:hover,
|
||||
.box_btn:active {
|
||||
cursor: pointer;
|
||||
.btn {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.file_upload {
|
||||
margin: 2px 0;
|
||||
}
|
||||
.input_left {
|
||||
padding: 6px;
|
||||
box-sizing: border-box;
|
||||
// border-bottom: 1px solid #cbcbcb;
|
||||
}
|
||||
}
|
||||
.list_right {
|
||||
width: 69.5%;
|
||||
background: white;
|
||||
border: 1px solid #ededed;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.el-tree {
|
||||
height: calc(80vh - 160px);
|
||||
width: 100%;
|
||||
overflow: auto !important;
|
||||
}
|
||||
// .el-tree-node__children {
|
||||
// overflow: visible !important;
|
||||
// }
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user