feat: 搜索框支持in和like

src/views/detections/DetectionSearch.vue

@@ -21,6 +21,7 @@
 
 <script>
 import AdvancedSearch from '@/components/advancedSearch/Index'
+import { humpToLine } from '@/utils/tools'
 export default {
   name: 'DetectionSearch',
   components: {
@@ -38,9 +39,29 @@ export default {
           name: 'security_type',
           type: 'string',
           label: 'Security type'
+        },
+        {
+          name: 'victim_ip',
+          type: 'string',
+          label: 'Victim IP'
+        },
+        {
+          name: 'victim_location_country',
+          type: 'string',
+          label: 'Victim location'
+        },
+        {
+          name: 'offender_ip',
+          type: 'string',
+          label: 'Offender IP'
+        },
+        {
+          name: 'offender_location_country',
+          type: 'string',
+          label: 'Offender location'
         }
       ],
-      operatorList: ['=', '!=', '>', '<', '>=', '<='/*, 'IN', 'NOT IN', 'LIKE', 'NOT LIKE'*/],
+      operatorList: ['=', '!=', '>', '<', '>=', '<=', 'IN', 'NOT IN', 'LIKE', 'NOT LIKE'],
       connectionList: [
         {
           value: 'AND',
@@ -56,6 +77,52 @@ export default {
   methods: {
     search () {
 
+    },
+    changeParams (params) { // params: { column: columnName, oldValue: [...], newValue: [...] }
+      // 向下传递时需要再转换一次param格式为[{column, operator, value}, ...]
+      if (params.oldValue.length === 0 && params.newValue.length === 1) {
+        // 1.参数值数量从0到1，直接addParams
+        const p = {
+          column: humpToLine(params.column),
+          operator: '=',
+          value: params.newValue
+        }
+        this.$refs.search.addParams([p])
+      } else if (params.oldValue.length === 1 && params.newValue.length === 0) {
+        // 2.参数值数量从1到0，直接removeParams
+        const p = {
+          column: humpToLine(params.column),
+          operator: '=',
+          value: params.newValue
+        }
+        this.$refs.search.removeParams([p])
+      } else if (params.oldValue.length === 2 && params.newValue.length === 1) {
+        // 3.参数值数量从多到1，operator由'in'改为'='
+        const oldParam = {
+          column: humpToLine(params.column),
+          operator: 'IN',
+          value: params.oldValue
+        }
+        const newParam = {
+          column: humpToLine(params.column),
+          operator: '=',
+          value: params.newValue
+        }
+        this.$refs.search.changeParams(newParam, oldParam)
+      } else if (params.oldValue.length === 1 && params.newArray.length === 2) {
+        // 4.参数值数量从1到多, operator由'='改为'in'
+        const oldParam = {
+          column: humpToLine(params.column),
+          operator: '=',
+          value: params.oldValue
+        }
+        const newParam = {
+          column: humpToLine(params.column),
+          operator: 'IN',
+          value: params.newValue
+        }
+        this.$refs.search.changeParams(newParam, oldParam)
+      }
     }
   }
 }