修改移动文件夹样式

This commit is contained in:
龙运模 2024-07-30 09:33:47 +08:00
parent b8c070c641
commit 337ed6fbb0
2 changed files with 28 additions and 17 deletions

View File

@ -61,7 +61,7 @@
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="list.apiObj" :column="list.column" @selection-change="selectionChange" :size="size" stripe :rowChild="false">
<scTable ref="table" :apiObj="list.apiObj" :column="list.column" @selection-change="selectionChange" :params="params" :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">
@ -135,7 +135,9 @@ export default {
params: {
keyword: "",
folder_id:"",
name:""
name:"",
sort_by:"name",
sort_order:"asc", // asc descasc
}
}
},

View File

@ -5,20 +5,22 @@
<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
:data="list"
:props="defaultProps"
node-key="id"
:expand-on-click-node="false"
default-expand-all
@node-click="getNodes"
>
<template #default="{ node }">
<span class="custom-tree-node">
<span><el-icon><sc-icon-Folder/></el-icon> {{ node.data.name }}</span>
</span>
</template>
</el-tree>
<div class="treeMain">
<el-tree
:data="list"
:props="defaultProps"
node-key="id"
:expand-on-click-node="false"
default-expand-all
@node-click="getNodes"
>
<template #default="{ node }">
<span class="custom-tree-node">
<span><el-icon><sc-icon-Folder/></el-icon> {{ node.data.name }}</span>
</span>
</template>
</el-tree>
</div>
</el-scrollbar>
<template #footer>
<el-button @click="visible=false" > </el-button>
@ -121,9 +123,16 @@ export default {
<style lang="scss" scoped>
.headerBtn{
display: flex;align-items: center;
margin-bottom: 12px;
padding-bottom: 12px;
margin-top: -10px;
margin-bottom: 5px;
.btn{
margin-right: 12px;
}
}
.treeMain{
padding: 5px;
border-radius: 4px;
border: 1px solid rgba(0,0,0,0.12);
}
</style>