脱敏算法上传

src/api/ruleConfig/algorithm.js

+import request from '@/utils/request'
+
+/**
+ * 脱敏算法 - 查询规则
+ * @param {*} query 
+ * @returns 
+ */
+export function query(query) {
+  return request({
+    url: '/core/desensitizationrule/query',
+    method: 'get',
+    params: query
+  })
+}
\ No newline at end of file

src/views/ruleConfig/Algorithm/index.vue

@@ -6,8 +6,11 @@ import CollapseView from '@/components/CollapseView/index.vue'
 import formModule from './modules/formModule.vue'
 import ModalPop from "@/components/EditPop/ModalPop.vue"
 
+import { query } from '@/api/ruleConfig/algorithm.js'
+
 const splitNum = ref(0.31) // 左右分割比例
 const collapseList = ref([])
+const searchValue = ref('')
 
 const data = reactive({
   formEdit: {
@@ -31,50 +34,25 @@ const modalPopShow = ref(false)
 
 // 获取数据
 const getCollapse = () => {
-  const data = [
-    {
-      name: '测试数据域',
-      list: [
-        {
-          name: 'aaaaa'
-        },
-        {
-          name: 'bbbbb'
-        }
-      ]
-    },
-    {
-      name: '通用规则',
-      list: [
-        {
-          name: 'aaaaa'
-        },
-        {
-          name: 'bbbbb'
-        }
-      ]
-    },
-    {
-      name: '解密数据',
-      list: []
-    }
-  ]
-  collapseList.value = data.map(item => {
-    const list = item.list.map(itemTwo => {
-      return {
-        ...itemTwo,
-        isCheck: false,
-        isDelete: true,
-      }
-    })
-    return {
-      ...item,
-      list: list,
-      isAdd: true,
-      isView: false,
-      isDelete: false,
-    }
+  query({dataarea: searchValue.value}).then(res => {
+    
   })
+  // collapseList.value = data.map(item => {
+  //   const list = item.list.map(itemTwo => {
+  //     return {
+  //       ...itemTwo,
+  //       isCheck: false,
+  //       isDelete: true,
+  //     }
+  //   })
+  //   return {
+  //     ...item,
+  //     list: list,
+  //     isAdd: true,
+  //     isView: false,
+  //     isDelete: false,
+  //   }
+  // })
 }
 
 // 新增算法关闭
@@ -129,9 +107,9 @@ onMounted(() => {
       <Split v-model="splitNum">
         <template #left>
           <div class="demo-split-pane" style="padding: 0 38px 10px 0;width: 100%;overflow: auto;height: 100%;">
-            <el-input class="mb20" placeholder="脱敏规则搜索">
+            <el-input class="mb20" v-model="searchValue" placeholder="脱敏规则搜索">
               <template #suffix>
-                <el-icon style="vertical-align: middle;">
+                <el-icon style="vertical-align: middle;cursor: pointer;" @click="getCollapse">
                   <search />
                 </el-icon>
               </template>