|
|
@@ -2,15 +2,26 @@
|
|
|
<hc-body split>
|
|
|
<template #left>
|
|
|
<hc-card scrollbar>
|
|
|
- <template #header>
|
|
|
- <el-input v-model="treeKeyFilter" placeholder="请输入关键字进行过滤" />
|
|
|
- </template>
|
|
|
- <hc-lazy-tree :h-props="treeProps" @load="treeLoadNode">
|
|
|
+ <hc-lazy-tree :is-root-expand="false" :h-props="treeProps" @load="treeLoadNode">
|
|
|
<template #default="{ node }">{{ node.label }}</template>
|
|
|
</hc-lazy-tree>
|
|
|
</hc-card>
|
|
|
</template>
|
|
|
<hc-card>
|
|
|
+ <template #header>
|
|
|
+ <div class="w-32">
|
|
|
+ <el-select v-model="searchForm.type" placeholder="用户平台" filterable clearable block>
|
|
|
+ <el-option label="字典编号" value="code" />
|
|
|
+ <el-option label="字典名称" value="dictValue" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="w-60">
|
|
|
+ <hc-search-input v-model="searchForm.name" placeholder="请输入关键字" @search="searchClick" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #extra>
|
|
|
+ <el-button hc-btn type="primary">新增</el-button>
|
|
|
+ </template>
|
|
|
其它内容
|
|
|
</hc-card>
|
|
|
</hc-body>
|
|
|
@@ -26,7 +37,6 @@ onActivated(()=> {
|
|
|
})
|
|
|
|
|
|
//数据格式
|
|
|
-const treeKeyFilter = ref('')
|
|
|
const treeProps = {
|
|
|
label: 'title',
|
|
|
children: 'children',
|
|
|
@@ -39,4 +49,20 @@ const treeLoadNode = async ({ item, level }, resolve) => {
|
|
|
const { data } = await deptApi.getDeptLazyTree(parentId)
|
|
|
resolve(getArrValue(data))
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+//搜索表单
|
|
|
+const searchForm = ref({ current: 1, size: 30, total: 0 })
|
|
|
+
|
|
|
+//搜索
|
|
|
+const searchClick = () => {
|
|
|
+ searchForm.value.current = 1
|
|
|
+ getTableData()
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+//获取用户数据
|
|
|
+const getTableData = async () => {
|
|
|
+
|
|
|
+}
|
|
|
</script>
|
