|
@@ -4,23 +4,27 @@
|
|
|
<splitpanes class="h100" Vertical>
|
|
|
<pane min-size="16" max-size="25" size="16">
|
|
|
<el-input v-model="filterOrg" placeholder="请输入部门名称" class="input-with-select mb10" clearable @input="onQueryChanged"> </el-input>
|
|
|
- <el-scrollbar style="height: calc(100% - 40px);'" ref="scrollBarRef" v-loading="state.loading">
|
|
|
- <el-tree-v2
|
|
|
- :data="state.orgData"
|
|
|
- :filter-method="filterNodeOrg"
|
|
|
- ref="treRef"
|
|
|
- highlight-current
|
|
|
- :expand-on-click-node="false"
|
|
|
- @node-click="handleNodeClick"
|
|
|
- :item-size="40"
|
|
|
- :height="treeHeight"
|
|
|
- empty-text="暂无组织数据"
|
|
|
- :props="{ label: 'name', value: 'id' }"
|
|
|
- >
|
|
|
- <template #default="{ node }">
|
|
|
- <span>{{ node.label }}</span>
|
|
|
+ <el-scrollbar style="height: calc(100% - 40px);'" ref="scrollBarRef">
|
|
|
+ <el-skeleton :loading="state.loading" animated :rows="10">
|
|
|
+ <template #default>
|
|
|
+ <el-tree-v2
|
|
|
+ :data="state.orgData"
|
|
|
+ :filter-method="filterNodeOrg"
|
|
|
+ ref="treRef"
|
|
|
+ highlight-current
|
|
|
+ :expand-on-click-node="false"
|
|
|
+ @node-click="handleNodeClick"
|
|
|
+ :item-size="40"
|
|
|
+ :height="treeHeight"
|
|
|
+ empty-text="暂无组织数据"
|
|
|
+ :props="{ label: 'name', value: 'id' }"
|
|
|
+ >
|
|
|
+ <template #default="{ node }">
|
|
|
+ <span>{{ node.label }}</span>
|
|
|
+ </template>
|
|
|
+ </el-tree-v2>
|
|
|
</template>
|
|
|
- </el-tree-v2>
|
|
|
+ </el-skeleton>
|
|
|
</el-scrollbar>
|
|
|
</pane>
|
|
|
<pane>
|