Austin/QChatGPT
1
0
Fork 0
mirror of https://github.com/RockChinQ/QChatGPT.git synced 2024-11-16 11:42:44 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

perf: 优化部分 UI 显示
Some checks are pending
Build Dev Image / build-dev-image (push) Waiting to run
Details

Browse Source
This commit is contained in:
Junyan Qin 2024-11-12 18:57:43 +08:00
parent eabdda5eb1
commit e0d9a295ab
No known key found for this signature in database
GPG Key ID: 22FE3AFADC710CEB
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/pages/Plugins.vue
View File

@ -6,7 +6,7 @@
<div id="operation-btns"> <div id="operation-btns">
<v-tooltip text="设置插件优先级" location="top"> <v-tooltip text="设置插件优先级" location="top">
<template v-slot:activator="{ props }"> <template v-slot:activator="{ props }">
<v-btn prepend-icon="mdi-priority-high" v-bind="props"> <v-btn prepend-icon="mdi-priority-high" v-bind="props" :disabled="plugins.length == 0">
编排 编排
<v-dialog activator="parent" max-width="500" persistent v-model="isOrchestrationDialogActive"> <v-dialog activator="parent" max-width="500" persistent v-model="isOrchestrationDialogActive">
@ -79,7 +79,8 @@
</div> </div>
</v-card> </v-card>
<div class="plugins-container"> <div class="plugins-container">
<PluginCard class="plugin-card" v-for="plugin in plugins" :key="plugin.name" :plugin="plugin" <v-alert id="no-plugins-alert" v-if="plugins.length == 0" color="warning" icon="$warning" title="暂无插件" text="暂无已安装的插件，请安装插件" density="compact" style="margin-inline: 1rem;"></v-alert>
<PluginCard class="plugin-card" v-if="plugins.length > 0" v-for="plugin in plugins" :key="plugin.name" :plugin="plugin"
@toggle="togglePlugin" @update="updatePlugin" @remove="removePlugin" /> @toggle="togglePlugin" @update="updatePlugin" @remove="removePlugin" />
</div> </div>
</template> </template>
@ -240,6 +241,10 @@ const installDialogSource = ref('')
margin-inline: 1rem; margin-inline: 1rem;
} }
#no-plugins-alert {
margin: 1rem;
}
.plugin-card { .plugin-card {
width: 18rem; width: 18rem;
height: 8rem; height: 8rem;
@ -298,4 +303,4 @@ const installDialogSource = ref('')
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
} }
</style> </style>

2
web/src/pages/Settings.vue
View File

@ -72,7 +72,7 @@ import Vjsf from '@koumoul/vjsf';
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
const managerList = ref([]) const managerList = ref([])
const configType = ref('json') // ui or json const configType = ref('') // ui or json
const currentManager = ref(null) const currentManager = ref(null)
const currentManagerName = ref('') const currentManagerName = ref('')
const currentManagerDocLink = ref('') const currentManagerDocLink = ref('')