Commit f3cf9b29 by ningjihai

新增项目第二项增加数据库名称过滤

parent 324b045b
...@@ -74,14 +74,11 @@ ...@@ -74,14 +74,11 @@
</div> </div>
<el-scrollbar height="300px"> <el-scrollbar height="300px">
<div <div
v-for="db in availableDatabases" v-for="db in filteredAvailableDatabases"
:key="db.tid" :key="db.tid"
class="db-item" class="db-item"
@click="selectDatabase(db)" @click="selectDatabase(db)"
> >
<!-- <div class="db-checkbox">
<el-checkbox :model-value="isDatabaseSelected(db.tid)" @click.stop />
</div> -->
<div class="db-info"> <div class="db-info">
<div class="db-name">{{ db.sysname }}</div> <div class="db-name">{{ db.sysname }}</div>
<div class="db-type">{{ db.dbtype }}</div> <div class="db-type">{{ db.dbtype }}</div>
...@@ -392,7 +389,8 @@ const selectAll = ref(false) ...@@ -392,7 +389,8 @@ const selectAll = ref(false)
// 计算属性:过滤后的可选数据库(排除已选择的) // 计算属性:过滤后的可选数据库(排除已选择的)
const filteredAvailableDatabases = computed(() => { const filteredAvailableDatabases = computed(() => {
return availableDatabases.value.filter(db => return availableDatabases.value.filter(db =>
!selectedDbs.value.includes(db.tid) !selectedDbs.value.includes(db.tid) &&
db.sysname.toLowerCase().includes(dbFilter.value.keyword.toLowerCase())
) )
}) })
// 计算属性:已选择的数据源详情 // 计算属性:已选择的数据源详情
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论