b6a2f994 by lxs

多个异步请求结束后再关闭加载动画

1 parent 2c58d9fe
......@@ -48,7 +48,7 @@ const treeInfo = ref({
expandOnNodeClick: false,
data: [],
});
const toolH = ref(82)
// const toolH = ref(82)
const toolRef = ref();
const expand1 = ref(true)
const expand2 = ref(true)
......@@ -389,9 +389,9 @@ const getPermissionList = (val = {}, init = true) => {
tempInfo = data.filter(item => item.guid == taskDetail.value.classifyGuid)[0]
}
listClick(tempInfo);
nextTick(() => {
toolH.value = toolRef.value.offsetHeight
})
// nextTick(() => {
// toolH.value = toolRef.value.offsetHeight
// })
}
} else {
permissionList.value.push(...JSON.parse(JSON.stringify(data)))
......@@ -439,9 +439,9 @@ onBeforeMount(() => {
})
onMounted(() => {
window.addEventListener('resize', function () {
toolH.value = toolRef.value.offsetHeight
})
// window.addEventListener('resize', function () {
// toolH.value = toolRef.value.offsetHeight
// })
})
</script>
......@@ -475,7 +475,7 @@ onMounted(() => {
<span class="title_text">{{ templateInfo.description || '--' }}</span>
</div>
</div>
<div class="panel_content" :style="{ height: 'calc(100% - ' + toolH + 'px)' }">
<div class="panel_content">
<div class="box_left">
<Tree ref="treeInfoRef" :treeInfo="treeInfo" @nodeClick="nodeClick" />
</div>
......@@ -584,6 +584,7 @@ onMounted(() => {
display: flex;
flex-wrap: wrap;
padding: 16px 16px 8px;
min-height: 82px;
.title_item {
display: flex;
......@@ -618,14 +619,15 @@ onMounted(() => {
.panel_content {
height: 100%;
display: flex;
flex: 1;
border-top: 1px solid #d9d9d9;
position: relative;
.box_left {
width: 200px;
height: 100%;
border-right: 1px solid #d9d9d9;
position: absolute;
.aside_title {
padding: 0 8px;
......@@ -643,7 +645,10 @@ onMounted(() => {
.box_right {
width: calc(100% - 200px);
height: 100%;
padding-top: 8px;
position: absolute;
right: 0;
.el-breadcrumb {
padding: 0 12px;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!