GuanM/NapCatQQ
1
0
Fork 0
mirror of https://github.com/NapNeko/NapCatQQ.git synced 2024-11-21 09:36:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 修复渲染异常bug

Browse Source
This commit is contained in:
手瓜一十雪 2024-11-15 20:33:06 +08:00
parent 1a94e20691
commit bec88fee04
1 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
napcat.webui/src/pages/NetWork.vue
View File

@ -72,6 +72,16 @@ const log = (message, data) => {
console.log(message, data);
};
const createPanel = (type, name, id) => {
return {
value: `${type}-${id}`,
label: name,
removable: true,
component: componentMap[type],
config: { name: name },
};
};
const generatePanels = (networkConfig) => {
const panels = [];
Object.keys(networkConfig).forEach((key) => {
@ -81,13 +91,7 @@ const generatePanels = (networkConfig) => {
console.error(`No component found for key: ${key}`);
return;
}
panels.push({
value: `${key}-${index}`,
label: `${config.name}`,
component,
config,
removable: true,
});
panels.push(createPanel(key, config.name, index));
});
});
return panels;
@ -118,18 +122,12 @@ const showAddTabDialog = () => {
const addTab = async () => {
const { name, type } = newTab.value;
if (!name || !type) return;
panelData.value.push({
value: `${type}-${id}`,
label: name,
removable: true,
component: componentMap[type],
config: { name: name },
});
value.value = `${type}-${id}`;
const newPanel = createPanel(type, name, id);
panelData.value.push(newPanel);
id += 1;
isDialogVisible.value = false;
await nextTick(); // 确保 DOM 更新完成
value.value = `${type}-${id - 1}`; // 强制重新渲染选项卡
value.value = newPanel.value; // 强制重新渲染选项卡
};
const removeTab = ({ value: val, index }) => {