feat: 搜索框(部分内容)

This commit is contained in:
chenjinsong
2022-01-25 17:16:56 +08:00
parent d2d38c2d8c
commit f8d780cba6
13 changed files with 410 additions and 123 deletions

View File

@@ -4,14 +4,19 @@
>
<text-mode
v-if="searchMode === 'text'"
ref="textMode"
:column-list="columnList"
:sql="sql"
@changeMode="changeMode"
@search="search"
></text-mode>
<tag-mode
v-if="searchMode === 'tag'"
ref="tagMode"
:column-list="columnList"
:operator-list="showOperatorList"
:connection-list="showConnectionList"
:convert-meta-list="metaList"
@changeMode="changeMode"
@search="search"
></tag-mode>
@@ -30,6 +35,12 @@ export default {
TagMode,
TextMode
},
data () {
return {
sql: null,
metaList: null
}
},
props: {
// 默认模式tag | text
defaultMode: String,
@@ -49,11 +60,20 @@ export default {
connectionList: Array
},
methods: {
search () {
search (metaList, formatSql) {
this.$emit('search', formatSql)
},
changeMode (mode) {
changeMode (mode, data) {
this.searchMode = mode
if (mode === 'text') {
this.sql = data
} else if (mode === 'tag') {
this.metaList = data
}
},
addParams (params) {
this.$refs.tagMode && this.$refs.tagMode.addParams(params)
this.$refs.textMode && this.$refs.textMode.addParams(params)
}
},
setup (props) {