diff --git a/resources/beike/admin/views/pages/file_manager/index.blade.php b/resources/beike/admin/views/pages/file_manager/index.blade.php index a75e05fd..46b402f7 100644 --- a/resources/beike/admin/views/pages/file_manager/index.blade.php +++ b/resources/beike/admin/views/pages/file_manager/index.blade.php @@ -20,10 +20,12 @@ - + @@ -55,7 +57,21 @@ 删除 重命名 -
上传文件
+
+ {{-- 上传文件 --}} +{{-- + 上传文件 + --}} +
@@ -97,11 +113,12 @@ editingImageIndex: null, - treeInit: [], + treeInit: [{name: '图片空间', path: '/', children: @json($folders)}], defaultProps: { children: 'children', - label: 'name' + label: 'name', + isLeaf: 'leaf' }, folderCurrent: '/', @@ -126,13 +143,14 @@ watch: {}, // 组件方法 methods: { - handleNodeClick(e) { + handleNodeClick(e, node, data) { if (e.path == this.folderCurrent) { return; } this.folderCurrent = e.path - this.loadData() + this.image_page = 1; + this.loadData(node) }, pageCurrentChange(e) { @@ -140,8 +158,13 @@ this.loadData() }, - loadData() { + loadData(node) { $http.get(`file_manager?base_folder=${this.folderCurrent}`, {page: this.image_page}).then((res) => { + if (node) { + this.$refs["tree"].updateKeyChildren(this.folderCurrent, res.folders); + node.expanded = !node.expanded; + } + this.images = res.images this.image_page = res.image_page this.image_total = res.image_total @@ -149,7 +172,7 @@ }, loadNode(node, resolve) { - let treeInit = [{name: '图片空间', path: '/', selected: true, children: []}] + let treeInit = [{name: '图片空间', path: '/'}] if (node.level === 0) { return resolve(treeInit); } @@ -219,8 +242,6 @@ }, deleteFolder(node, data) { - console.log(node, data) - // console.log(node.parent.data.id) if (node.parent.data.key) { this.$nextTick(() => { this.$refs.tree.setCurrentKey(node.parent.data.key) @@ -229,24 +250,25 @@ }, openInputBox(type, node, data) { - // console.log(node,data) - // this.$refs.tree.append({name: '图片空间',path: '/dasdasdasdas', children: false, leaf: false}, node); - // console.log(this.editingImageIndex) - this.$prompt('', type=='addFolder' ? '新建文件夹' : '重命名', { + this.$prompt('', type == 'addFolder' ? '新建文件夹' : '重命名', { confirmButtonText: '确定', cancelButtonText: '取消', inputPattern: /^.+$/, inputErrorMessage: '不能为空' }).then(({ value }) => { - console.log(value) - $http.post(`file_manager/directory`, {name: this.folderCurrent + value}).then((res) => { - console.log(res) - // resolve(res.folders); - }) - // this.$message({ - // type: 'success', - // message: '你的邮箱是: ' + value - // }); + if (type == 'addFolder') { + $http.post(`file_manager/directory`, {name: this.folderCurrent + '/' + value}).then((res) => { + layer.msg(res.message) + this.$refs.tree.append({name: value, path: this.folderCurrent + '/' + value, leaf: true}, node); + }) + } + + if (type == 'renameFolder') { + $http.post(`file_manager/rename`, {origin_name: this.folderCurrent, new_name: value}).then((res) => { + layer.msg(res.message) + data.name = value; + }) + } }).catch(() => {}); } },