|
|
@@ -5,7 +5,7 @@
|
|
|
<a-card :bordered="false" style="height: 100%">
|
|
|
<a-spin :spinning="loading">
|
|
|
<a-input-search placeholder="按部门名称搜索…" style="margin-bottom: 10px"
|
|
|
- @search="onSearch"/>
|
|
|
+ @search="onSearch" v-model:value="searchValue" />
|
|
|
<!--组织机构树-->
|
|
|
<template v-if="treeData.length > 0">
|
|
|
<a-tree
|
|
|
@@ -97,7 +97,7 @@
|
|
|
|
|
|
<script lang="ts" name="system-user" setup>
|
|
|
//ts语法
|
|
|
- import {ref, computed, unref, nextTick} from 'vue';
|
|
|
+ import {ref, computed, unref, nextTick, watch} from 'vue';
|
|
|
import { BasicTable, TableAction, ActionItem } from '/@/components/Table';
|
|
|
import UserDrawer from './UserDrawer.vue';
|
|
|
import UserRecycleBinModal from './UserRecycleBinModal.vue';
|
|
|
@@ -159,6 +159,8 @@
|
|
|
const rawData = ref<any[]>([]);
|
|
|
// 高级查询参数
|
|
|
const queries = ref([]);
|
|
|
+ //搜索值
|
|
|
+ const searchValue = ref('');
|
|
|
|
|
|
//高级查询参数
|
|
|
const dataFields = [
|
|
|
@@ -600,6 +602,11 @@
|
|
|
padding: '0px',
|
|
|
};
|
|
|
|
|
|
+ //监听搜索框内值的变化
|
|
|
+ watch(searchValue, (newVal) => {
|
|
|
+ onSearch(newVal);
|
|
|
+ });
|
|
|
+
|
|
|
|
|
|
</script>
|
|
|
|
GDW