| | |
| | | }); |
| | | const handleClickNode = (data) => { |
| | | nextTick(() => { |
| | | leftTreeRef.value?.treeRef.setCurrentKey(data.id); |
| | | leftTreeRef.value?.treeRef.setCurrentKey(data.group_id); |
| | | }); |
| | | currentNode.value = data; |
| | | getTableData(); |
| | |
| | | const res = await agentGroupApi.getSceneGroupTreeByPost(); |
| | | listData.value = res.groups || []; |
| | | const firstListTreeNode = listTreeData.value[0]; |
| | | if (firstListTreeNode) { |
| | | handleClickNode(firstListTreeNode); |
| | | } else { |
| | | terminologyData.value = []; |
| | | currentNode.value = null; |
| | | } |
| | | currentNode.value = firstListTreeNode; |
| | | getTableData(); |
| | | }; |
| | | //#endregion |
| | | //#region ====================== 推荐问题 ====================== |
| | | const terminologyData = ref([]); |
| | | //获取场景list |
| | | const getTableData = async () => { |
| | | let selNode = currentNode.value; |
| | | let curGroupID = []; |
| | | if (selNode.children && selNode.children.length > 0) { |
| | | selNode.children.forEach((item) => { |
| | | curGroupID.push(item.group_id); |
| | | }); |
| | | } else { |
| | | curGroupID.push(selNode.group_id); |
| | | } |
| | | const res = await get_scene_group_sample(); |
| | | res.samples.forEach((sample, index) => { |
| | | sample.Icon = '/static/images/wave/ChatImg.png'; |
| | | sample.BgColor = randomHexColor(); |
| | | }); |
| | | terminologyData.value = res.samples; |
| | | let terminology_Data = []; |
| | | curGroupID.forEach((curItem) => { |
| | | res.samples.forEach((sample) => { |
| | | if (curItem == sample.group_id) terminology_Data.push(sample); |
| | | }); |
| | | }); |
| | | terminologyData.value = terminology_Data; |
| | | }; |
| | | //随机生成颜色 |
| | | const randomHexColor = () => { |
| | |
| | | }); |
| | | const { query: queryTerminology, queryData: showTerminologyList } = useSearch(terminologyData, queryParams); |
| | | const finalTerminologyList = computed(() => { |
| | | const result = showTerminologyList.value.filter((item) => item.group_id == currentListID.value); |
| | | const result = showTerminologyList.value; |
| | | return result ?? []; |
| | | }); |
| | | const terminologyQuery = debounce(queryTerminology); |