146 lines
3.3 KiB
JavaScript
146 lines
3.3 KiB
JavaScript
import httpUtil from "../../../util/httpUtil";
|
|
import { Modal, message } from "antd";
|
|
|
|
/**
|
|
* 选中的文件夹id列表
|
|
*/
|
|
let folderIdList = [];
|
|
/**
|
|
* 选中的书签id列表
|
|
*/
|
|
let bookmarkIdList = [];
|
|
|
|
/**
|
|
* 新增书签的父节点node
|
|
*/
|
|
let parentNode = null;
|
|
|
|
/**
|
|
* 展开/关闭
|
|
* @param {*} keys
|
|
*/
|
|
export function onExpand(keys) {
|
|
this.setState({ expandKeys: keys });
|
|
}
|
|
|
|
/**
|
|
* 关闭全部节点
|
|
*/
|
|
export function closeAll() {
|
|
this.setState({ expandKeys: [] });
|
|
}
|
|
|
|
/**
|
|
* 选中节点
|
|
* @param {*} keys
|
|
* @param {*} data
|
|
*/
|
|
export function onCheck(keys, data) {
|
|
this.setState({ checkedKeys: keys });
|
|
bookmarkIdList = [];
|
|
folderIdList = [];
|
|
parentNode = null;
|
|
data.checkedNodes.forEach(item => {
|
|
const bookmark = item.props.dataRef;
|
|
parentNode = bookmark;
|
|
bookmark.type === 0 ? bookmarkIdList.push(bookmark.bookmarkId) : folderIdList.push(bookmark.bookmarkId);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 弹出新增modal
|
|
*/
|
|
export function showAddModel() {
|
|
if (this.state.checkedKeys.length > 1) {
|
|
message.error("选中过多");
|
|
return;
|
|
} else if (this.state.checkedKeys.length === 1) {
|
|
const id = this.state.checkedKeys[0];
|
|
if (bookmarkIdList.indexOf(parseInt(id)) > -1) {
|
|
message.error("只能选择文件夹节点");
|
|
return;
|
|
}
|
|
}
|
|
this.setState({ isShowModal: true });
|
|
}
|
|
|
|
/**
|
|
* 新增书签
|
|
*/
|
|
export function addOne() {
|
|
console.log(1);
|
|
if (this.state.addType === 2) {
|
|
addHtmlFile();
|
|
return;
|
|
}
|
|
let body = {
|
|
type: this.state.addType,
|
|
path: parentNode == null ? "" : parentNode.path + "." + parentNode.bookmarkId,
|
|
name: this.state.addName,
|
|
url: this.state.addValue
|
|
};
|
|
httpUtil.put("/bookmark", body).then(res => {
|
|
let arr;
|
|
if (parentNode == null) {
|
|
arr = this.data[""] ? this.data[""] : [];
|
|
} else {
|
|
arr = this.data[body.path] ? this.data[body.path] : [];
|
|
}
|
|
arr.push(res);
|
|
if (this.state.treeData.length === 0) {
|
|
this.state.treeData.push(arr);
|
|
}
|
|
this.data[body.path] = arr;
|
|
this.setState({ treeData: [...this.state.treeData], addType: 0, addName: "", addValue: "", isShowModal: false });
|
|
});
|
|
}
|
|
|
|
export function addHtmlFile() {
|
|
|
|
}
|
|
|
|
/**
|
|
* 批量删除
|
|
*/
|
|
export function batchDelete() {
|
|
console.log("1");
|
|
const _this = this;
|
|
Modal.confirm({
|
|
title: "确认删除？",
|
|
content: "删除后，无法找回",
|
|
onOk() {
|
|
return new Promise((resolve, reject) => {
|
|
httpUtil
|
|
.post("/bookmark/batchDelete", { folderIdList, bookmarkIdList })
|
|
.then(() => {
|
|
//遍历节点树数据，并删除
|
|
const set = new Set();
|
|
folderIdList.forEach(item => set.add(item));
|
|
bookmarkIdList.forEach(item => set.add(item));
|
|
deleteTreeData(_this.state.treeData, set);
|
|
_this.setState({ treeData: [..._this.state.treeData], checkedKeys: [] });
|
|
resolve();
|
|
})
|
|
.catch(() => reject());
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 递归删除已经被删除的数据
|
|
* @param {*} treeData
|
|
*/
|
|
function deleteTreeData(treeData, set) {
|
|
for (let i = 0, length = treeData.length; i < length; i++) {
|
|
const item = treeData[i];
|
|
if (set.has(treeData[i].bookmarkId)) {
|
|
treeData.splice(i, 1);
|
|
length--;
|
|
i--;
|
|
} else if (item.children && item.children.length > 0) {
|
|
deleteTreeData(item.children, set);
|
|
}
|
|
}
|
|
}
|