|
|
@@ -15,74 +15,94 @@
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
<el-scrollbar style="height: calc(100% - 100px);'" ref="scrollBarRef">
|
|
|
- <el-tree-v2
|
|
|
- v-show="state.activeName === '0'"
|
|
|
- :data="state.orgData"
|
|
|
- highlight-current
|
|
|
- :expand-on-click-node="false"
|
|
|
- :props="{ children: 'children', label: 'name' }"
|
|
|
- @node-click="handleNodeClick"
|
|
|
- ref="orgRef"
|
|
|
- :filter-method="filterNode"
|
|
|
- :item-size="40"
|
|
|
- :height="treeHeight"
|
|
|
- empty-text="暂无组织数据"
|
|
|
- v-loading="state.loading"
|
|
|
- >
|
|
|
- <template #default="{ node }">
|
|
|
- <span :title="node.label">{{ node.label }}</span>
|
|
|
+ <el-skeleton :loading="state.typeLoading" animated :rows="10" :style="state.activeName === '0' ? 'min-width: 100%; display: inline-block' : 'display:none'">
|
|
|
+ <template #default>
|
|
|
+ <el-tree-v2
|
|
|
+ :data="state.orgData"
|
|
|
+ highlight-current
|
|
|
+ :expand-on-click-node="false"
|
|
|
+ :props="{ children: 'children', label: 'name' }"
|
|
|
+ @node-click="handleNodeClick"
|
|
|
+ ref="orgRef"
|
|
|
+ :filter-method="filterNode"
|
|
|
+ :item-size="40"
|
|
|
+ :height="treeHeight"
|
|
|
+ empty-text="暂无组织数据"
|
|
|
+ v-show="state.activeName === '0'"
|
|
|
+ >
|
|
|
+ <template #default="{ node }">
|
|
|
+ <span :title="node.label">{{ node.label }}</span>
|
|
|
+ </template>
|
|
|
+ </el-tree-v2>
|
|
|
</template>
|
|
|
- </el-tree-v2>
|
|
|
- <el-tree
|
|
|
- :data="state.knowledgeOptions"
|
|
|
- highlight-current
|
|
|
- :expand-on-click-node="false"
|
|
|
- :props="{ children: 'children', label: 'name' }"
|
|
|
- @node-click="handleNodeClick"
|
|
|
- ref="typeRef"
|
|
|
- :filter-node-method="filterNodeType"
|
|
|
- node-key="id"
|
|
|
+ </el-skeleton>
|
|
|
+ <el-skeleton
|
|
|
+ :loading="state.typeLoading"
|
|
|
+ animated
|
|
|
+ :rows="10"
|
|
|
:style="state.activeName === '1' ? 'min-width: 100%; display: inline-block' : 'display:none'"
|
|
|
- v-loading="state.typeLoading"
|
|
|
>
|
|
|
- </el-tree>
|
|
|
- <el-tree
|
|
|
- node-key="id"
|
|
|
- :load="loadNode"
|
|
|
- lazy
|
|
|
- v-if="lazyShow"
|
|
|
- :props="{
|
|
|
- label: 'hotSpotFullName',
|
|
|
- children: 'children',
|
|
|
- isLeaf: 'hasChild',
|
|
|
- }"
|
|
|
- :filter-node-method="filterNodeHot"
|
|
|
- @node-click="handleNodeClick"
|
|
|
- v-loading="loading"
|
|
|
- highlight-current
|
|
|
- check-strictly
|
|
|
- :expand-on-click-node="false"
|
|
|
- ref="hotRef"
|
|
|
- :style="state.activeName === '2' ? 'min-width: 100%; display: inline-block' : 'display:none'"
|
|
|
- />
|
|
|
- <el-tree
|
|
|
- ref="hotRef"
|
|
|
- :data="state.hotSpotData"
|
|
|
- node-key="id"
|
|
|
- v-else
|
|
|
- default-expand-all
|
|
|
- highlight-current
|
|
|
- :props="{
|
|
|
- label: 'hotSpotFullName',
|
|
|
- children: 'children',
|
|
|
- }"
|
|
|
- v-loading="loading"
|
|
|
- :filter-node-method="filterNodeHot"
|
|
|
- @node-click="handleNodeClick"
|
|
|
- :expand-on-click-node="false"
|
|
|
- check-strictly
|
|
|
+ <template #default>
|
|
|
+ <el-tree
|
|
|
+ :data="state.knowledgeOptions"
|
|
|
+ highlight-current
|
|
|
+ :expand-on-click-node="false"
|
|
|
+ :props="{ children: 'children', label: 'name' }"
|
|
|
+ @node-click="handleNodeClick"
|
|
|
+ ref="typeRef"
|
|
|
+ :filter-node-method="filterNodeType"
|
|
|
+ node-key="id"
|
|
|
+ :style="state.activeName === '1' ? 'min-width: 100%; display: inline-block' : 'display:none'"
|
|
|
+ >
|
|
|
+ </el-tree>
|
|
|
+ </template>
|
|
|
+ </el-skeleton>
|
|
|
+ <el-skeleton
|
|
|
+ :loading="state.loading"
|
|
|
+ animated
|
|
|
+ :rows="10"
|
|
|
:style="state.activeName === '2' ? 'min-width: 100%; display: inline-block' : 'display:none'"
|
|
|
- />
|
|
|
+ >
|
|
|
+ <template #default>
|
|
|
+ <el-tree
|
|
|
+ node-key="id"
|
|
|
+ :load="loadNode"
|
|
|
+ lazy
|
|
|
+ v-if="lazyShow"
|
|
|
+ :props="{
|
|
|
+ label: 'hotSpotFullName',
|
|
|
+ children: 'children',
|
|
|
+ isLeaf: 'hasChild',
|
|
|
+ }"
|
|
|
+ :filter-node-method="filterNodeHot"
|
|
|
+ @node-click="handleNodeClick"
|
|
|
+ v-loading="loading"
|
|
|
+ highlight-current
|
|
|
+ check-strictly
|
|
|
+ :expand-on-click-node="false"
|
|
|
+ ref="hotRef"
|
|
|
+ :style="state.activeName === '2' ? 'min-width: 100%; display: inline-block' : 'display:none'"
|
|
|
+ />
|
|
|
+ <el-tree
|
|
|
+ ref="hotRef"
|
|
|
+ :data="state.hotSpotData"
|
|
|
+ node-key="id"
|
|
|
+ v-else
|
|
|
+ default-expand-all
|
|
|
+ highlight-current
|
|
|
+ :props="{
|
|
|
+ label: 'hotSpotFullName',
|
|
|
+ children: 'children',
|
|
|
+ }"
|
|
|
+ v-loading="loading"
|
|
|
+ :filter-node-method="filterNodeHot"
|
|
|
+ @node-click="handleNodeClick"
|
|
|
+ :expand-on-click-node="false"
|
|
|
+ check-strictly
|
|
|
+ :style="state.activeName === '2' ? 'min-width: 100%; display: inline-block' : 'display:none'"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </el-skeleton>
|
|
|
</el-scrollbar>
|
|
|
</pane>
|
|
|
<pane>
|
|
|
@@ -291,7 +311,7 @@ const state = reactive<any>({
|
|
|
knowledgeOptions: [], //知识库类型数据
|
|
|
statusOptions: [], //状态数据
|
|
|
hotSpotData: [], //热点数据
|
|
|
- typeLoading: false, // 知识类型loading
|
|
|
+ typeLoading: false, // 知识类型loading
|
|
|
});
|
|
|
const router = useRouter(); //路由
|
|
|
const ruleFormRef = ref<FormInstance>(); //表单ref
|
|
|
@@ -385,14 +405,14 @@ const getOrgListApi = async () => {
|
|
|
};
|
|
|
// 获取知识分类
|
|
|
const getKnowledgeType = async () => {
|
|
|
- state.typeLoading = true;
|
|
|
- try {
|
|
|
- const res: any = await treeList({ IsEnable: true });
|
|
|
- state.knowledgeOptions = res.result ?? [];
|
|
|
- state.typeLoading = false;
|
|
|
- } catch (error) {
|
|
|
- state.typeLoading = false;
|
|
|
- }
|
|
|
+ state.typeLoading = true;
|
|
|
+ try {
|
|
|
+ const res: any = await treeList({ IsEnable: true });
|
|
|
+ state.knowledgeOptions = res.result ?? [];
|
|
|
+ state.typeLoading = false;
|
|
|
+ } catch (error) {
|
|
|
+ state.typeLoading = false;
|
|
|
+ }
|
|
|
};
|
|
|
/** 获取知识列表 */
|
|
|
const queryList = () => {
|
|
|
@@ -576,8 +596,8 @@ const onRowDel = (row: any) => {
|
|
|
}
|
|
|
};
|
|
|
onMounted(() => {
|
|
|
- getKnowledgeType();
|
|
|
- getOrgListApi();
|
|
|
+ getKnowledgeType();
|
|
|
+ getOrgListApi();
|
|
|
queryList();
|
|
|
});
|
|
|
const scrollBarRef = ref<RefType>(); // 滚动条ref
|
zhangchong