| | |
| | | |
| | | function fnGetList() { |
| | | getFolderApi({}).then((res) => { |
| | | console.log(res); |
| | | demo.tableData = convertToTableData(res.data); |
| | | console.log(demo.tableData, '3333333333333'); |
| | | }); |
| | | } |
| | | function convertToTableData(data, parentId = null) { |
| | | try { |
| | | let tableData = []; |
| | | |
| | | data.forEach((item) => { |
| | |
| | | tableData.push(tableItem); |
| | | }); |
| | | return tableData; |
| | | |
| | | } catch (error) { return [];} |
| | | } |
| | | |
| | | const inputRefs = ref<{ [key: number]: HTMLElement | null }>({}); |
| | |
| | | const $table = xTable.value; |
| | | const rid = Date.now(); |
| | | const record = { |
| | | folderName: `新数据${rid}`, |
| | | folderName: `新文件夹`, |
| | | id: rid, |
| | | }; |
| | | $table.insert(record).then(({ row }) => $table.setEditRow(row)); |
| | |
| | | |
| | | const { createMessage } = useMessage(); |
| | | function fnInputHandle(row) { |
| | | console.log(row, '----333'); |
| | | if (row.folderName == '') { |
| | | editRowEvent(row) |
| | | editRowEvent(row); |
| | | fnGetList(); |
| | | return createMessage.error('请输入文件夹名称'); |
| | | } |
| | | const data = |
| | |
| | | fnGetList(); |
| | | } else { |
| | | createMessage.error(res.msg); |
| | | fnGetList(); |
| | | } |
| | | }); |
| | | } |
| | |
| | | const $table = xTable.value; |
| | | const rid = Date.now(); |
| | | const record = { |
| | | folderName: `新数据${rid}`, |
| | | folderName: `新子文件夹`, |
| | | id: rid, |
| | | parentRowId: row.rowId, // 需要指定父节点,自动插入该节点中 |
| | | }; |
| | | console.log(record, '99999993'); |
| | | const { row: newRow } = await $table.insert(record); |
| | | |
| | | await $table.setTreeExpand(row, true); // 将父节点展开 |
| | | await $table.setEditRow(newRow); // 插入子节点 |
| | | setTimeout(() => { |
| | | inputRefs.value[rid].focus(); |
| | | }, 300); |
| | | } |
| | | function fnDelete(row) { |
| | | deleteFolderApi({ folderId: row.folderId }) |
| | |
| | | |
| | | function editRowEvent(row) { |
| | | const $table = xTable.value; |
| | | console.log(row, '---30494'); |
| | | row.opType = 'edit'; |
| | | $table.setEditRow(row); |
| | | } |