CN-240 feat: 实体列表下拉详情（部分）

src/components/advancedSearch/AdvancedSearch.vue

@@ -2,7 +2,8 @@
   <el-input
       class="advanced-search"
       :class="{'advanced-search--show-list': showList}"
-      v-model="searchContent"
+      v-model="searchContentTemp"
+      @keyup.enter="enter"
   >
     <template #suffix>
       <div class="search__suffixes" v-if="!showList">
@@ -37,12 +38,72 @@ export default {
   },
   data () {
     return {
-      searchContent: ''
+      searchContentTemp: '', // 搜索框内的文本内容，按回车键后为searchContent赋值
+      searchContent: '', // 查询语句
+      searchParams: null // 搜索参数，格式为[{ name: xxx, value: xxx }, ...]
     }
   },
   methods: {
     search () {
-      this.$emit('search', this.searchContent)
+      this.$emit('search', this.searchParams)
+    },
+    reset () {
+      this.searchParams = null
+      this.searchParams = []
+    },
+    addParams (params) {
+      if (params) {
+        const newParams = { ...this.searchParams, ...params }
+        this.searchContentTemp = this.objToStr(newParams)
+        this.enter()
+      }
+    },
+    strToObj (n) {
+      const paramsArr = n.split(/\s[aA][nN][dD]\s/)
+      const paramsObj = {}
+      paramsArr.forEach(string => {
+        const param = string.split('=')
+        if (param.length > 1) {
+          let value = param[1].trim()
+          const valueArr = value.split('"')
+          if (valueArr.length > 2) {
+            value = valueArr[1].trim()
+          }
+          paramsObj[param[0].trim()] = value
+        }
+      })
+      return paramsObj
+    },
+    objToStr (obj) {
+      return Object.keys(obj).map(k => {
+        return `${k}="${obj[k]}"`
+      }).join(' AND ')
+    },
+    enter () {
+      if (!this.searchContentTemp) {
+        this.reset()
+      } else {
+        this.searchContent = this.searchContentTemp
+      }
+    }
+  },
+  watch: {
+    searchContent (n) {
+      if (n) {
+        this.searchParams = this.strToObj(n)
+      } else {
+        this.reset()
+      }
+      this.searchContentTemp !== n && (this.searchContentTemp = n)
+    },
+    searchParams: {
+      deep: true,
+      handler (n) {
+        if (n) {
+          // 请求接口，获取左侧过滤条件和右侧entity列表
+          this.search()
+        }
+      }
     }
   }
 }