| | |
| | | <div class="tree-node-actions"> |
| | | <el-button link |
| | | icon="el-icon-location" |
| | | @click="handleLocation(node)" |
| | | @click.stop="handleLocation(node)" |
| | | ></el-button> |
| | | <el-button icon="el-icon-edit" link @click.stop="handleEdit(node)"></el-button> |
| | | <el-button icon="el-icon-delete" link @click="handleDelete(node)"></el-button> |
| | | <el-button icon="el-icon-delete" link @click.stop="handleDelete(node)"></el-button> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | checkedKeys.value = childrenIds; |
| | | checkedNodes.value = folderChildren; |
| | | coverData.value = folderChildren; |
| | | console.log('1111',node.data.children); |
| | | |
| | | emit('update:coverData', coverData.value); |
| | | }else{ |
| | | console.log('node',node); |
| | | |
| | | console.log('node',node.data); |
| | | emit('update:coverData', [node.data]); |
| | | } |
| | | }; |
| | | // 编辑按钮事件 |
| | |
| | | |
| | | // 删除按钮事件 |
| | | const handleDelete = node => { |
| | | let id = node.data.id; |
| | | if(node.data.level === 2 ){ |
| | | deleteFolderApi(id).then(res => { |
| | | ElMessage.success('删除成功'); |
| | | gettreeDataApi(); |
| | | let id = node.data.id; |
| | | // 弹出确认弹框 |
| | | ElMessageBox.confirm( |
| | | '确定要删除该内容吗?', |
| | | '提示', |
| | | { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | } |
| | | ).then(() => { |
| | | // 点击确定,执行删除逻辑 |
| | | if (node.data.level === 2) { |
| | | deleteFolderApi(id).then(res => { |
| | | ElMessage.success('删除成功'); |
| | | gettreeDataApi(); |
| | | }); |
| | | } else if (node.data.level === 3) { |
| | | deleteFenceApi(id).then(res => { |
| | | ElMessage.success('删除成功'); |
| | | gettreeDataApi(); |
| | | }); |
| | | } |
| | | }).catch(() => { |
| | | // 点击取消,不执行操作 |
| | | ElMessage.warning('已取消删除'); |
| | | }); |
| | | |
| | | }else if(node.data.level === 3){ |
| | | deleteFenceApi(id).then(res => { |
| | | ElMessage.success('删除成功'); |
| | | gettreeDataApi(); |
| | | }); |
| | | } |
| | | }; |
| | | // 新增围栏 |
| | | const addFence = () => { |
| | |
| | | background: rgba(0, 0, 0, 0.8); |
| | | border-radius: 8px 8px 8px 8px; |
| | | padding: 16px 12px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .searchBox { |
| | |
| | | // background-color: rgba(30, 45, 81, 0.5) !important; |
| | | // } |
| | | //} |
| | | |
| | | overflow-y: scroll; |
| | | height: 0; |
| | | flex-grow: 1; |
| | | .isTheTerritory{ |
| | | :deep(){ |
| | | .el-tree-node__expand-icon{ |