| | |
| | | </template> |
| | | <template #header> |
| | | <el-form ref="queryFormRef" :inline="true" :model="queryParams" class="relative"> |
| | | <el-form-item label="标题" prop="title"> |
| | | <el-form-item label="问题" prop="title"> |
| | | <el-input |
| | | v-model="queryParams.question" |
| | | style="width: 226.4px" |
| | | placeholder="标题" |
| | | placeholder="问题" |
| | | clearable |
| | | @input="() => terminologyQuery()" |
| | | @input="debounceQueryTable" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | //#region ====================== 左侧树数据,tree init ====================== |
| | | const leftTreeRef = useCompRef(LeftTreeByMgr); |
| | | const treeLoading = ref(false); |
| | | const currentListID = computed(() => currentNode.value?.group_id); |
| | | const currentListID = computed(() => currentNode.value?.id); |
| | | const currentNode = ref(null); |
| | | |
| | | const handleClickNode = (data) => { |
| | |
| | | const queryParams = ref({ |
| | | question: '', |
| | | }); |
| | | const { query: queryTerminology, queryData: showQuotaList } = useSearch(tableData, queryParams); |
| | | const displayTableData = computed(() => { |
| | | const result = showQuotaList.value.filter((item) => item.agent_group == currentListID.value); |
| | | return result ?? []; |
| | | const { resetQuery, handleQueryTable, displayTableData } = useQueryTable(tableData, queryParams, () => { |
| | | displayTableData.value = tableData.value; |
| | | }); |
| | | const terminologyQuery = debounce(queryTerminology); |
| | | watch( |
| | | () => queryParams.value.title, |
| | | (val) => { |
| | | terminologyQuery(); |
| | | } |
| | | ); |
| | | const { resetQuery } = useQueryTable(tableData, queryParams, () => { |
| | | showQuotaList.value = tableData.value; |
| | | }); |
| | | const debounceQueryTable = debounce(handleQueryTable, 400); |
| | | |
| | | //#endregion |
| | | |
| | | //#region ====================== prompt查看 ====================== |