Commit 25a79537 authored by 夏敏伟's avatar 夏敏伟

增加树结构多选和文件下载

parent 5903c075
......@@ -113,4 +113,14 @@ export const queryLiteratureById = name => {
//文件文献预览
export const previewPdf = (bucket, objectName) => {
window.open(`api/rest/file/pdf/${bucket}?objectName=${objectName}`);
}
//文件文献下载
export const downloadFile = (bucket, objectName) => {
window.open(`api/rest/file/download/${bucket}/${objectName}`);
}
//文件文献下载
export const downloadDocument = (bucket, objectName,originFileName) => {
window.open(`api/rest/file/download/${bucket}/${objectName}?originFileName=`+originFileName);
}
\ No newline at end of file
......@@ -49,6 +49,7 @@
:disabled="scope.row.image == null || scope.row.image == '' ? true : false">删除图片</el-button>
<el-button size="mini" type="success" @click="top(scope.row)">{{ scope.row.stick == null ? '置顶' :
'取消置顶' }}</el-button>
<el-button size="mini" type="primary" @click="downloadLiterature(scope.row)">下载</el-button>
</template>
</el-table-column>
</el-table>
......@@ -151,7 +152,7 @@
import { get, fileUpload, startLoading, endLoading, download, delete_util, post } from '../../util/http_util';
import {
queryLiterature, uploadLiterature, removeLiterature, addPictureToLiterature, bulkStickLiterature, removeLiteratureByBatch, bulkChangeLiteratureFolder,
updateLiteratureFolder, queryLiteratureFolder, previewPdf
updateLiteratureFolder, queryLiteratureFolder, previewPdf,downloadFile
} from "../../api/xxxl/llxx"
export default {
name: 'flfggl',
......@@ -490,6 +491,10 @@ export default {
this.$message.warning(err.message);
console.log(err);
});
},
//下载文件
downloadLiterature(row){
downloadFile('Literature',row.name);
}
},
activated() {
......
<template>
<div id="wx_data_public">
<div class="left-div">
<el-input
class="public-input"
placeholder="输入关键字进行过滤"
suffix-icon="el-icon-search"
v-model="filterText"
></el-input>
<el-tree
:data="tree_data"
node-key="id"
:expand-on-click-node="false"
:filter-node-method="filterNode"
highlight-current
:default-expanded-keys="[this.fl_type]"
:props="defaultProps"
ref="tree"
:current-node-key="this.fl_type"
@node-click="handleNodeClick"
:indent=1
>
<el-input class="public-input" placeholder="输入关键字进行过滤" suffix-icon="el-icon-search"
v-model="filterText"></el-input>
<el-tree class="myTree" :data="tree_data" node-key="id" show-checkbox :expand-on-click-node="false"
:filter-node-method="filterNode" highlight-current :default-expanded-keys="[this.fl_type]" :props="defaultProps"
:check-strictly="true" ref="tree" :current-node-key="this.fl_type" @node-click="handleNodeClick"
@check-change="handleCheckChange" :indent=1>
<span class="custom-tree-node" slot-scope="{ node, data }">
<span class="first-span" :title="node.label">{{ node.label }}</span>
<span class="list-span">
<el-button
type="text"
size="mini"
@click="() => append(node, data)"
>
<el-button type="text" size="mini" @click="() => append(node, data)">
<i class="el-icon-circle-plus" title="添加子节点"></i>
</el-button>
<el-button type="text" size="mini" @click="() => edit(node, data)">
<i class="el-icon-edit-outline" title="编辑机构"></i>
</el-button>
<el-button
type="text"
size="mini"
@click="() => remove(node, data)"
>
<el-button type="text" size="mini" @click="() => remove(node, data)">
<i class="el-icon-error" title="删除子节点"></i>
</el-button>
<!-- <el-button
......@@ -55,11 +34,10 @@
</el-tree>
</div>
<div class="right-div">
<component :is="currentRole" :clientDetails="clientDetails_s" ref="mychild"/>
<component :is="currentRole" :clientDetails="clientDetails_s" ref="mychild" />
</div>
<el-dialog title="新增文件夹" :visible.sync="dialogVisible">
<span class="dialogContent"
><span><span style="color:red">*</span>名称:</span>
<span class="dialogContent"><span><span style="color:red">*</span>名称:</span>
<el-input v-model="name" placeholder="请输入名称"></el-input>
</span>
<span slot="footer" class="dialog-footer">
......@@ -68,13 +46,13 @@
</span>
</el-dialog>
<el-dialog title="编辑文件夹" :visible.sync="dialogVisible_edit">
<span class="dialogContent"><span><span style="color:red">*</span>名称:</span>
<el-input v-model="name_edit" placeholder="请输入名称"></el-input>
</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible_edit = false">取 消</el-button>
<el-button type="primary" @click="edit_xzzj()">确 定</el-button>
</span>
<span class="dialogContent"><span><span style="color:red">*</span>名称:</span>
<el-input v-model="name_edit" placeholder="请输入名称"></el-input>
</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible_edit = false">取 消</el-button>
<el-button type="primary" @click="edit_xzzj()">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
......@@ -88,12 +66,12 @@ export default {
components: { navs },
data() {
return {
clientDetails_s: { type: [this.fl_type],module_name:this.module_name,type_folder:this.type_folder,fl_type:this.fl_type },
clientDetails_s: { type: [this.fl_type], module_name: this.module_name, type_folder: this.type_folder, fl_type: this.fl_type, checkList: [] },
currentRole: "navs",
tree_data: [], //左侧树结构的数据
dialogVisible: false, //新增子节点弹出框
dialogVisible_edit:false,
name_edit:'',
dialogVisible_edit: false,
name_edit: '',
name: "", //新增子节点的名称
this_data: "",
this_node: "",
......@@ -102,9 +80,11 @@ export default {
children: 'children',
label: 'label'
},
module_name:'',
fl_type:'',
type_folder:'',
module_name: '',
fl_type: '',
type_folder: '',
checkboxList: [],
nodeClickList: []
};
},
props: {
......@@ -114,39 +94,39 @@ export default {
},
},
methods: {
edit(node,data){
this.name_edit = data.label;
this.dialogVisible_edit = true;
this.this_data = data;
this.this_node = node;
edit(node, data) {
this.name_edit = data.label;
this.dialogVisible_edit = true;
this.this_data = data;
this.this_node = node;
},
edit_xzzj(){
if (this.name_edit.trim() == "") {
edit_xzzj() {
if (this.name_edit.trim() == "") {
this.$message({
type: "warning",
message: "名称不能为空",
});
return;
}
let paramDatas = {
id: this.this_data.id,
label: this.name_edit.trim(),
};
post("api/rest/3z/document/updateDocumentTreeItem", paramDatas)
.then((data) => {
if (data == 1) {
this.$message({
type: "warning",
message: "名称不能为空",
});
return;
}
let paramDatas = {
id:this.this_data.id,
label: this.name_edit.trim(),
};
post("api/rest/3z/document/updateDocumentTreeItem", paramDatas)
.then((data) => {
if (data == 1) {
this.$message({
type: "success",
message: "文件夹编辑成功",
});
this.dialogVisible_edit = false;
this.$refs.mychild.searchs(1);
this.query_tree();
}
})
.catch((err) => {
this.$message.warning(err.message);
type: "success",
message: "文件夹编辑成功",
});
this.dialogVisible_edit = false;
this.$refs.mychild.searchs(1);
this.query_tree();
}
})
.catch((err) => {
this.$message.warning(err.message);
});
},
//添加子模块弹出框
append(node, data) {
......@@ -169,7 +149,7 @@ export default {
level: this.this_node.data.level + 1,
module: this.module_name,
parentCode: this.this_node.data.code,
createId:this.$store.state.userInfo.account,
createId: this.$store.state.userInfo.account,
};
post("api/rest/3z/document/addDocumentTreeItem", paramDatas)
.then((data) => {
......@@ -229,20 +209,20 @@ export default {
//查询tree数据
query_tree() {
this.tree_data = [];
get("api/rest/3z/document/queryDocumentTree?module="+this.module_name)
get("api/rest/3z/document/queryDocumentTree?module=" + this.module_name)
.then((res) => {
this.tree_data = [{
id:this.fl_type,
label:'文档列表',
level:0,
children:res
id: this.fl_type,
label: '文档列表',
level: 0,
children: res
}];
this.currentRole = "navs";
let arr = [this.fl_type];
if(res.length>0){
if (res.length > 0) {
arr.push(res[0].id)
}
this.clientDetails_s = { type: arr,module_name:this.module_name,type_folder:this.type_folder,fl_type:this.fl_type };
this.clientDetails_s = { type: arr, module_name: this.module_name, type_folder: this.type_folder, fl_type: this.fl_type, checkList: this.checkboxList };
})
.catch((err) => {
this.$message.warning(err.message);
......@@ -254,21 +234,25 @@ export default {
},
//节点点击事件
handleNodeClick(node, data) {
this.currentRole = "navs";
let arr = [node.id];
if(data.childNodes.length>0){
arr.push(data.childNodes[0].data.id)
}
this.clientDetails_s = { type: arr ,module_name:this.module_name,type_folder:this.type_folder,fl_type:this.fl_type};
this.currentRole = "navs";
this.nodeClickList = [node.id];
if (data.childNodes.length > 0) {
this.nodeClickList.push(data.childNodes[0].data.id)
}
this.clientDetails_s = { type: this.nodeClickList, module_name: this.module_name, type_folder: this.type_folder, fl_type: this.fl_type, checkList: this.checkboxList };
},
//查询当前节点的最顶层节点ID
getparentNode(data) {
if (data.data.parentCode == null) {
return data.data.id;
handleCheckChange(node, isSelected) {
this.currentRole = "navs";
if (isSelected) {
this.checkboxList.push(node.id);
} else {
return this.getparentNode(data.parent);
this.checkboxList = this.checkboxList.filter(item => {
return item != node.id
})
}
},
// this.clientDetails_s['checkList'] = this.checkboxList;
this.clientDetails_s = { type: this.nodeClickList, module_name: this.module_name, type_folder: this.type_folder, fl_type: this.fl_type, checkList: this.checkboxList };
}
},
watch: {
filterText(val) {
......@@ -278,6 +262,7 @@ export default {
this.module_name = val.module_name;
this.fl_type = val.fl_type;
this.type_folder = val.type_folder;
this.checkboxList = [];
this.query_tree();
},
},
......@@ -287,29 +272,39 @@ export default {
#wx_data_public {
width: calc(100% - 0px);
height: calc(100% - 0px);
.left-div {
width: 300px;
height: 100%;
box-sizing: border-box;
float: left;
input {
color: white;
background-color: transparent;
}
.el-input {
position: relative;
font-size: 14px;
display: inline-block;
width: 100%;
}
.el-button + .el-button {
.el-button+.el-button {
margin-left: 0px !important;
}
.myTree>.el-tree-node>.el-tree-node__content .el-checkbox {
display: none;
}
.el-tree {
color: white;
background: transparent;
height: calc(100% - 50px);
margin-top: 10px;
.el-tree-node__content {
height: 40px;
// .el-icon-circle-plus {
......@@ -328,10 +323,12 @@ export default {
// display: none;
// }
}
.el-tree-node {
position: relative;
padding-left: 0px; // 缩进量
}
.el-tree-node__children {
padding-left: 15px; // 缩进量
}
......@@ -347,6 +344,7 @@ export default {
border-width: 1px;
border-left: 1px solid #1895a2;
}
// 当前层最后一个节点的竖线高度固定
.el-tree-node:last-child::before {
height: 38px; // 可以自己调节到合适数值
......@@ -365,48 +363,52 @@ export default {
}
// 去掉最顶层的虚线,放最下面样式才不会被上面的覆盖了
& > .el-tree-node::after {
&>.el-tree-node::after {
border-top: none;
}
& > .el-tree-node::before {
&>.el-tree-node::before {
border-left: none;
}
// 展开关闭的icon
.el-tree-node__expand-icon{
.el-tree-node__expand-icon {
font-size: 16px;
// 叶子节点(无子节点)
&.is-leaf{
&.is-leaf {
color: transparent;
// display: none; // 也可以去掉
}
}
}
.el-tree > .el-tree-node > .el-tree-node__content {
.el-tree>.el-tree-node>.el-tree-node__content {
height: 40px;
background-image: url(../../assets/img/yqjc/24.png);
background-repeat: no-repeat;
background-size: 100% 100%;
.el-icon-error {
display: none !important;
}
.el-icon-edit-outline {
display: none !important;
}
}
.el-tree
> .el-tree-node
> .el-tree-node__children
> .el-tree-node
> .el-tree-node__content {
.el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content {
height: 40px;
// background-image: url(../../assets/img/yqjc/24.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
.el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__label {
font-size: 16px !important;
}
.custom-tree-node {
flex: 1;
display: flex;
......@@ -415,6 +417,7 @@ export default {
font-size: 14px;
padding-right: 8px;
width: 82%;
.first-span {
width: 100%;
float: left;
......@@ -422,12 +425,14 @@ export default {
text-overflow: ellipsis;
white-space: nowrap;
}
// .list-span{
// position: absolute;
// right: 20px;
// }
}
.el-tree > .el-tree-node > .el-tree-node__children {
.el-tree>.el-tree-node>.el-tree-node__children {
background-color: #1d2d46ad !important;
width: calc(100% - 15px);
height: calc(100% - 44px);
......@@ -437,7 +442,8 @@ export default {
// width: 300px;
// }
}
.el-tree-node:focus > .el-tree-node__content {
.el-tree-node:focus>.el-tree-node__content {
background-color: #00648a96 !important;
// border-radius: 5px;
}
......@@ -447,29 +453,33 @@ export default {
background-color: #00638a50 !important;
// border-radius: 5px;
}
.el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content {
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
background-color: #00648a96 !important;
// border-radius: 5px;
}
.el-icon-circle-plus {
font-size: 16px;
color: #00a6f5;
}
.el-icon-edit-outline {
font-size: 16px;
color: #2ae209;
}
.el-icon-error {
font-size: 16px;
color: #ff5454;
}
.el-icon-upload {
font-size: 16px;
color: #2bce0e;
}
}
.right-div {
width: calc(100% - 310px);
height: 100%;
......@@ -478,24 +488,30 @@ export default {
background: url("../../assets/img/yqjc/02.png") no-repeat;
background-size: 100% 100%;
}
.el-dialog {
width: 400px;
background-color: #1d2d47;
.el-dialog__header {
text-align: center;
.el-dialog__title {
color: white;
}
}
.el-dialog__body{
.el-dialog__body {
.dialogContent {
span {
float: left;
margin-top: 5.5px;
color: white;
}
.el-input {
width: 80%;
input {
height: 30px;
}
......@@ -503,23 +519,28 @@ export default {
}
}
}
#impor_file .el-dialog__body{
text-align: center;
#impor_file .el-dialog__body {
text-align: center;
}
.importData .el-dialog {
width: 35%;
td,
th {
text-align: center;
}
}
.el-dialog{
.el-dialog {
.el-input__inner {
color: white !important;
background: none !important;
border: 1px solid #146a80 !important;
box-shadow: 0 0 10px #1b6097;
}
.el-textarea__inner {
color: white !important;
background: none !important;
......
......@@ -10,8 +10,8 @@
</el-date-picker>
</div>
<div class="toggle-switch">
<el-switch style="display: block" v-model="toggle_value" active-color="#09e8e4" inactive-color="#409eff"
active-text="全文检索" inactive-text="列表检索">
<el-switch style="display: block" v-model="toggle_value" active-color="#09e8e4"
inactive-color="#409eff" active-text="全文检索" inactive-text="列表检索">
</el-switch>
</div>
<div class="button-discuss" @click="searchs">搜索</div>
......@@ -53,12 +53,8 @@
<template slot-scope="scope">
<i class="el-icon-view" @click="handleView(scope.$index, scope.row)"
title="预览"></i>&nbsp;
<!-- <i
class="el-icon-download"
@click="handleDownload(scope.$index, scope.row)"
title="下载"
></i
>&nbsp; -->
<i class="el-icon-download" @click="downloadLiterature(scope.$index, scope.row)"
title="下载"></i>&nbsp;
<i class="el-icon-edit" @click="handleEdit(scope.$index, scope.row)"
title="编辑"></i>&nbsp;
<!-- <i class="el-icon-delete-solid" @click="handleOpen(scope.$index, scope.row)"
......@@ -72,9 +68,10 @@
</el-table>
</div>
<div class="page-div">
<el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange" :page-size="pageSize" :current-page="current_page"
:total="total" @current-change="handleCurrentChange_lb" :page-sizes="[10, 20, 50, 100]">
<el-pagination class="myPagination" background
layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
:page-size="pageSize" :current-page="current_page" :total="total"
@current-change="handleCurrentChange_lb" :page-sizes="[10, 20, 50, 100]">
</el-pagination>
</div>
</div>
......@@ -134,8 +131,8 @@
<el-input style="width: 30%; margin-left: 35%; margin-top: 20%" v-model="gjc_input"
placeholder="请输入关键词 回车搜索" suffix-icon="el-icon-search" @keyup.enter.native="onSubmit"></el-input>
<el-tooltip class="item" effect="light" content="文件分析" placement="top-start">
<el-button type="primary" icon="el-icon-data-line" size="small" style="right: 75px;position: absolute;"
@click="wjfx_cli()" circle></el-button>
<el-button type="primary" icon="el-icon-data-line" size="small"
style="right: 75px;position: absolute;" @click="wjfx_cli()" circle></el-button>
</el-tooltip>
<el-tooltip class="item" effect="light" content="智能检索分析" placement="top-start">
<el-button type="info" icon="el-icon-data-board" size="small"
......@@ -185,8 +182,8 @@
<!-- <i class="el-icon-delete-solid" @click="handleOpen(scope.$index, scope.row)"
title="打开软件" v-if="fl_type===2"></i>&nbsp; -->
<div class="ht-div" @click="handleOpen(scope.$index, scope.row)" v-if="fl_type === 2"
title="打开软件"></div>
<div class="ht-div" @click="handleOpen(scope.$index, scope.row)"
v-if="fl_type === 2" title="打开软件"></div>
<i class="el-icon-delete-solid" @click="handleDelete(scope.$index, scope.row)"
title="删除"></i>
</template>
......@@ -221,8 +218,8 @@
<el-input v-model="form_add.gjc" show-word-limit placeholder="请输入关键词,多个关键词使用英文逗号,隔开"></el-input>
</el-form-item>
<el-form-item label="文档描述">
<el-input type="textarea" placeholder="请输入文档描述" v-model="form_add.ms" maxlength="100" show-word-limit
:rows="4">
<el-input type="textarea" placeholder="请输入文档描述" v-model="form_add.ms" maxlength="100"
show-word-limit :rows="4">
</el-input>
</el-form-item>
<el-form-item label="选择文件" style="margin-bottom: 0px" prop="fileList">
......@@ -262,8 +259,8 @@
<el-input v-model="form_edit.gjc" show-word-limit placeholder="请输入关键词,多个关键词使用英文逗号,隔开"></el-input>
</el-form-item>
<el-form-item label="文档描述">
<el-input type="textarea" placeholder="请输入文档描述" v-model="form_edit.ms" maxlength="100" show-word-limit
:rows="4">
<el-input type="textarea" placeholder="请输入文档描述" v-model="form_edit.ms" maxlength="100"
show-word-limit :rows="4">
</el-input>
</el-form-item>
</el-form>
......@@ -274,7 +271,8 @@
</el-dialog>
<el-dialog title="大文件上传" :visible.sync="centerDialogVisible_bigFile" width="30%" center class="xzwd">
<BigfileUpload :checkFileExist="checkFileExist" :addFileInfo="addFileInfo" @Finished="bigFileUploadFinished">
<BigfileUpload :checkFileExist="checkFileExist" :addFileInfo="addFileInfo"
@Finished="bigFileUploadFinished">
</BigfileUpload>
</el-dialog>
......@@ -314,7 +312,8 @@ import {
import { uuid } from "../../util/data_util";
import BigfileUpload from "../../components/common/bigfile_upload.vue";
import { fileMd5Sum, getFileMD5Progress } from '../../util/file_md5.js';
import VideoPlayer from "../../components/common/video_player.vue"
import VideoPlayer from "../../components/common/video_player.vue";
import { downloadFile, downloadDocument } from "../../api/xxxl/llxx";
export default {
data() {
return {
......@@ -370,6 +369,7 @@ export default {
tab_jsfx: true,
znjsfx_name: "",
clientDetails_type: [], //默认查询id为21的方案预案
clientDetails_check_type: [],
ids: "",
module_name: '',
fl_type: '',
......@@ -600,6 +600,11 @@ export default {
item.fileInfo.file.uuid;
download(path_srt, item.fileInfo.file.name);
},
//文件下载
downloadLiterature(index, row) {
debugger
downloadDocument('Document', row.file.uuid, row.file.name);
},
//打开软件
handleOpen(index, row) {
let _this = this;
......@@ -647,6 +652,7 @@ export default {
};
_this.edit_ids = row.id;
_this.centerDialogVisible_edit = true;
_this.$refs.forms1.resetFields();
// setTimeout(function () {
// _this.$refs.forms1.resetFields();
// }, 200)
......@@ -698,7 +704,7 @@ export default {
//新增弹出框弹出
handleAdd() {
if (this.clientDetails_type[0] == 1 || this.clientDetails_type[0] == 2 || this.clientDetails_type[0] == 3 || this.clientDetails_type[0] == 4) {
if (this.clientDetails_check_type.length == 0 || this.clientDetails_check_type.includes(1) || this.clientDetails_check_type.includes(2) || this.clientDetails_check_type.includes(3) || this.clientDetails_check_type.includes(4)) {
this.$message({
type: "warning",
message: "请选择文档列表子节点",
......@@ -715,7 +721,7 @@ export default {
},
bigFileUploadAdd() {//弹出
if (this.clientDetails_type[0] == 1 || this.clientDetails_type[0] == 2 || this.clientDetails_type[0] == 3 || this.clientDetails_type[0] == 4) {
if (this.clientDetails_check_type.length == 0 || this.clientDetails_check_type.includes(1) || this.clientDetails_check_type.includes(2) || this.clientDetails_check_type.includes(3) || this.clientDetails_check_type.includes(4)) {
this.$message({
type: "warning",
message: "请选择文档列表子节点",
......@@ -736,7 +742,7 @@ export default {
createId: this.$store.getters.userInfo.account,
description: null,
file: evt.file,
treeId: this.clientDetails_type[0],
treeId: this.clientDetails_check_type.join(','),
name: evt.file.name,
keyword: null,
module: this.module_name
......@@ -803,7 +809,7 @@ export default {
});
return;
} else {
if (this.clientDetails_type[0] == 1 || this.clientDetails_type[0] == 2 || this.clientDetails_type[0] == 3 || this.clientDetails_type[0] == 4) {
if (this.clientDetails_check_type.length == 0 || this.clientDetails_check_type.includes(1) || this.clientDetails_check_type.includes(2) || this.clientDetails_check_type.includes(3) || this.clientDetails_check_type.includes(4)) {
this.$message({
type: "warning",
message: "请选择文档列表子节点",
......@@ -822,7 +828,7 @@ export default {
type: file_ext,
uuid: uuid() + "." + file_ext,
},
treeId: this.clientDetails_type[0],
treeId: this.clientDetails_check_type.join(','),
name: this.form_add.name,
keyword: this.form_add.gjc.trim(),
module: this.module_name
......@@ -973,7 +979,7 @@ export default {
this.znjsfx_name = "";
this.searchs(1);
this.wjfx_qh = true;
}
},
},
mounted() {
let _this = this;
......@@ -1026,6 +1032,7 @@ export default {
},
clientDetails: function (val) {
this.clientDetails_type = val.type;
this.clientDetails_check_type = val.checkList;
this.module_name = val.module_name;
this.type_folder = val.type_folder;
this.fl_type = val.fl_type;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment