longlong/xw_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加文件类型

Browse Source
This commit is contained in:
龙运模
2024-07-29 20:07:39 +08:00
parent eb5e1ce43a
commit 8810226673
25 changed files with 354 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/docsManager/document.vue
+36 -20
View File
@@ -6,15 +6,12 @@
<div class="docsHeader">
<div class="arrowBox">
<div class="item leftArrow" :class="routerList.length>1?'leftShow':''" @click="prev"><el-icon><el-icon-ArrowLeftBold/></el-icon></div>
<div class="item rightArrow" :class="docsNextShow?'leftShow':''" @click="next"><el-icon><el-icon-ArrowRightBold/></el-icon></div>
</div>
<div class="refreshBox" @click="upSearch">
<el-icon><el-icon-RefreshLeft/></el-icon>
<div class="item rightArrow leftShow" @click="upSearch"><el-icon><el-icon-RefreshLeft/></el-icon></div>
</div>
<div class="breadcrumb">
<el-breadcrumb separator-icon="el-icon-ArrowRight">
<template v-for="item in routerList" :key="item">
<el-breadcrumb-item>{{item.name}}</el-breadcrumb-item>
<el-breadcrumb-item class="item" @click="linkRouter(item)">{{item.name}}</el-breadcrumb-item>
</template>
</el-breadcrumb>
</div>
@@ -51,7 +48,7 @@
<el-dropdown-item @click="batch_del" icon="sc-icon-Delete">删除</el-dropdown-item>
<el-dropdown-item @click="table_edit('edit')" icon="sc-icon-Edit">重命名</el-dropdown-item>
<el-dropdown-item @click="share_edit('edit')" icon="sc-icon-ShareBtn">共享</el-dropdown-item>
<el-dropdown-item @click="move_file" icon="sc-icon-ShareBtn">移动文件夹</el-dropdown-item>
<el-dropdown-item @click="move_file" icon="sc-icon-ShareBtn">移动文件｜文件夹</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
@@ -64,7 +61,7 @@
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="list.apiObj" :column="list.column" row-key="id" @selection-change="selectionChange" :size="size" stripe :rowChild="false">
<scTable ref="table" :apiObj="list.apiObj" :column="list.column" @selection-change="selectionChange" :size="size" stripe :rowChild="false">
<el-table-column type="selection" align="center" width="40"></el-table-column>
<sc-table-column label="序号" align="center" type="index"></sc-table-column>
<template #name="scope">
@@ -97,7 +94,7 @@
<uploadFile ref="uploadFile" @uploadFileSuccess="uploadFileSuccess" title="上传附件"></uploadFile>
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" @closed="dialog.save=false"></save-dialog>
<shareSave v-if="dialog.shareSave" ref="shareSave" @success="handleSaveSuccess" @closed="dialog.shareSave=false"></shareSave>
<moveFile v-if="dialog.move" ref="moveSave" @success="handleSaveSuccess" @closed="dialog.move=false"></moveFile>
<moveFile v-if="dialog.move" ref="moveSave" @success="handleSaveSuccess" @addFolder="moveAdd" @closed="dialog.move=false"></moveFile>
</template>
<script>
@@ -118,8 +115,6 @@ export default {
return {
size:'small',
routerList: this.$store.state.global.docsRouter,
docsList:[],
docsNextShow:false,
exportShow:false,
exportList:[],
@@ -143,6 +138,28 @@ export default {
}
},
methods: {
linkRouter(item){
let list = this.filterDataByItem(item,this.$TOOL.objCopy(this.routerList));
this.routerList = list;
this.$store.commit("SET_docs_router", list);
this.params.folder_id = item.id;
this.$refs.table.upData(this.params);
},
filterDataByItem(item, arr) {
const index = arr.findIndex((obj) => obj.id === item.id && obj.name === item.name);
return arr.slice(0, index + 1);
},
//移动创建文件夹
moveAdd(params){
this.dialog.save = true
this.$nextTick(() => {
let data = {
folder_id:params && params.id?params.id:''
}
this.$refs.saveDialog.open('add').setData(data)
})
},
//添加
add(){
this.dialog.save = true
@@ -238,16 +255,14 @@ export default {
this.selection = selection;
},
prev(){
if(this.routerList.length < 2){
return
}
this.routerList.splice(this.routerList.length-1,1);
this.$store.commit("SET_docs_router", this.routerList);
this.params.folder_id = this.routerList[this.routerList.length-1].id;
this.$refs.table.upData(this.params);
this.docsNextShow = true;
},
next(){
console.log(this.docsList,366)
},
//搜索
upSearch(){
@@ -257,9 +272,12 @@ export default {
//本地更新数据
handleSaveSuccess(data, mode){
if(mode=='add'){
this.$refs.table.refresh()
}else if(mode=='edit'){
this.$refs.table.refresh()
if(this.$refs.moveSave && this.$refs.moveSave.visible){
this.$nextTick(()=>{
this.$refs.moveSave.node = "";
this.$refs.moveSave.getData();
})
}
}
this.$refs.table.refresh()
},
@@ -276,8 +294,6 @@ export default {
}
arrList.push(params);
this.$store.commit("SET_docs_router", arrList);
this.docsList.push(params);
this.docsNextShow = false;
this.params.folder_id = row.id;
this.$refs.table.upData(this.params);
src/views/docsManager/fileType.vue
+24
View File
@@ -0,0 +1,24 @@
<template>
<div></div>
</template>
<script>
export default {
name: "fileType",
data(){
return{
}
},
mounted() {
},
methods:{
}
}
</script>
<style scoped lang="scss">
</style>
src/views/docsManager/moveFile.vue
+8 -4
View File
@@ -2,7 +2,7 @@
<el-dialog :title="titleMap[mode]" v-model="visible" :width="480" draggable destroy-on-close @closed="$emit('closed')">
<div class="headerBtn">
<div class="btn"><el-button @click="update" :size="size" plain type="primary">刷新</el-button></div>
<div class="btn"><el-button :size="size" plain type="primary">新建文件夹</el-button></div>
<div class="btn"><el-button @click="addFolder" :size="size" plain type="primary">新建文件夹</el-button></div>
</div>
<el-scrollbar :max-height="360" v-loading="loading">
<el-tree
@@ -30,13 +30,13 @@
<script>
export default {
name:"moveFile",
emits: ['success', 'closed'],
emits: ['success', 'closed', 'addFolder'],
data() {
return {
size:'small',
mode: "move",
titleMap: {
move: '移动文件',
move: '移动文件｜文件夹',
},
visible: false,
isSave: false,
@@ -46,6 +46,7 @@ export default {
children: 'children',
label: 'name'
},
node:'',
move:[
{
ids:[],
@@ -73,6 +74,9 @@ export default {
update(){
this.getData();
},
addFolder(){
this.$emit('addFolder',this.node);
},
async getData() {
this.loading = true;
const res = await this.$API.docs.manager.folderSelect.post();
@@ -89,7 +93,6 @@ export default {
this.isSave = false;
if (res.code == 200) {
this.$emit('success', this.form, this.mode)
// this.visible = false;
this.$message.success("操作成功")
}
},
@@ -99,6 +102,7 @@ export default {
return arr
},
getNodes(e){
this.node = e;
this.move.forEach(item=>{
item.target_folder_id = e.id
})
src/views/docsManager/share.vue
+18 -12
View File
@@ -6,15 +6,15 @@
<div class="docsHeader">
<div class="arrowBox">
<div class="item leftArrow" :class="routerList.length>1?'leftShow':''" @click="prev"><el-icon><el-icon-ArrowLeftBold/></el-icon></div>
<div class="item rightArrow"><el-icon><el-icon-ArrowRightBold/></el-icon></div>
</div>
<div class="refreshBox" @click="upSearch">
<el-icon><el-icon-RefreshLeft/></el-icon>
<div class="item rightArrow leftShow" @click="upSearch"><el-icon><el-icon-RefreshLeft/></el-icon></div>
</div>
<!-- <div class="refreshBox" @click="upSearch">-->
<!-- <el-icon><el-icon-RefreshLeft/></el-icon>-->
<!-- </div>-->
<div class="breadcrumb">
<el-breadcrumb separator-icon="el-icon-ArrowRight">
<template v-for="item in routerList" :key="item">
<el-breadcrumb-item>{{item.name}}</el-breadcrumb-item>
<el-breadcrumb-item @click="linkRouter(item)">{{item.name}}</el-breadcrumb-item>
</template>
</el-breadcrumb>
</div>
@@ -42,7 +42,7 @@
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="list.apiObj" :column="list.column" row-key="id" @selection-change="selectionChange" :size="size" stripe :rowChild="false">
<scTable ref="table" :apiObj="list.apiObj" :column="list.column" @selection-change="selectionChange" :size="size" stripe :rowChild="false">
<el-table-column type="selection" align="center" width="40"></el-table-column>
<sc-table-column label="序号" align="center" type="index"></sc-table-column>
<template #name="scope">
@@ -86,8 +86,6 @@ export default {
return {
size:'small',
routerList: this.$store.state.global.shareRouter,
docsList:[],
docsNextShow:false,
dialog: {
save: false,
@@ -107,6 +105,18 @@ export default {
}
},
methods: {
linkRouter(item){
let list = this.filterDataByItem(item,this.$TOOL.objCopy(this.routerList));
this.routerList = list;
this.$store.commit("SET_share_router", list);
this.params.folder_id = item.id;
this.$refs.table.upData(this.params);
},
filterDataByItem(item, arr) {
const index = arr.findIndex((obj) => obj.id === item.id && obj.name === item.name);
return arr.slice(0, index + 1);
},
//表格选择后回调事件
selectionChange(selection){
this.selection = selection;
@@ -138,8 +148,6 @@ export default {
this.params.folder_id = this.routerList[this.routerList.length-1].id;
this.$refs.table.upData(this.params);
this.docsNextShow = true;
},
// 打开文件夹
openFolder(row){
@@ -150,8 +158,6 @@ export default {
}
arrList.push(params);
this.$store.commit("SET_share_router", arrList);
this.docsList.push(params);
this.docsNextShow = false;
this.params.folder_id = row.id;
this.$refs.table.upData(this.params);