From 68da5e6be8dd55a691fb42d119bebe75611eb4b0 Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期二, 26 三月 2024 15:59:46 +0800
Subject: [PATCH] UI上下文展示引擎
---
Source/ProjectWeb/src/views/base/UIContentArea.vue | 43 +++++++++++++++++++++++++------------------
1 files changed, 25 insertions(+), 18 deletions(-)
diff --git a/Source/ProjectWeb/src/views/base/UIContentArea.vue b/Source/ProjectWeb/src/views/base/UIContentArea.vue
index 7e11fec..b850356 100644
--- a/Source/ProjectWeb/src/views/base/UIContentArea.vue
+++ b/Source/ProjectWeb/src/views/base/UIContentArea.vue
@@ -1,55 +1,59 @@
<template>
- <basic-container :cradStyle="cradStyle">
- <el-tabs v-if="areasData.length>1" v-model="activeName" type="card" @tab-click="tabHandleClick">
- <el-tab-pane v-for="(areaItem,index) in areasData" :key="areaItem.oid" :label="areaItem.name" :name="areasName+'-Tab-'+index">
- <el-collapse v-model="collapseActiveNames" v-if="areaItem.componentVOs.length>1">
+ <basic-container :cradStyle="cradStyle" cardBodyStyle="height:100%;box-sizing: border-box;padding-bottom:5px;">
+ <el-tabs style="height: 100%;" class="UITabs" v-if="areasData.length>1" v-model="activeName" type="card" @tab-click="tabHandleClick">
+ <el-tab-pane style="height:100%;overflow: auto" v-for="(areaItem,index) in areasData" :key="areaItem.oid" :label="areaItem.name" :name="areasName+'-Tab-'+index">
+ <el-collapse class="UI-collapse" :key="areaItem.oid+'-collapse'" v-model="collapseActiveNames" v-if="areaItem.componentVOs.length>1" @change="handleChange">
<el-collapse-item v-for="(componentVO,componentIndex) in areaItem.componentVOs" :name="areasName+'-collapse-'+componentIndex">
<template slot="title">
{{componentVO.name}}
</template>
- <div class="componentVO" style="height: 60%">
- <compoent-index :key="componentVO.oid"
+ <div class="componentVO">
+ <compoent-index :key="areasName+'componentVO-'+componentVO.oid"
:inDialog="inDialog"
:componentVO="componentVO"
:sourceData="sourceData"
:areasName="areasName"
- :paramVOS="paramVOS"></compoent-index>
+ :paramVOS="paramVOS"
+ :isShow="collapseActiveNames.indexOf(areasName+'-collapse-'+componentIndex)!=-1?true:false"></compoent-index>
</div>
</el-collapse-item>
</el-collapse>
<div v-else class="componentVO">
- <compoent-index :key="areaItem.componentVOs[0].oid"
+ <compoent-index :key="areasName+'componentVO-'+areaItem.componentVOs[0].oid"
:inDialog="inDialog"
:componentVO="areaItem.componentVOs[0]"
:sourceData="sourceData"
:areasName="areasName"
- :paramVOS="paramVOS"></compoent-index>
+ :paramVOS="paramVOS"
+ :isShow="activeName==(areasName+'-Tab-'+index)?true:false"></compoent-index>
</div>
</el-tab-pane>
</el-tabs>
- <div v-else>
- <el-collapse v-model="collapseActiveNames" v-if="areasData[0].componentVOs.length>1">
+ <div v-else style="height:100%;overflow: auto">
+ <el-collapse class="UI-collapse" :key="areasData[0].oid+'-collapse'" v-model="collapseActiveNames" v-if="areasData[0].componentVOs.length>1" @change="handleChange">
<el-collapse-item v-for="(componentVO,componentIndex) in areasData[0].componentVOs" :name="areasName+'-collapse-'+componentIndex">
<template slot="title">
{{componentVO.name}}
</template>
- <div class="componentVO" style="height: 60%">
- <compoent-index :key="componentVO.oid"
+ <div class="componentVO">
+ <compoent-index :key="areasName+'componentVO-'+componentVO.oid"
:inDialog="inDialog"
:componentVO="componentVO"
:sourceData="sourceData"
:areasName="areasName"
- :paramVOS="paramVOS"></compoent-index>
+ :paramVOS="paramVOS"
+ :isShow="collapseActiveNames.indexOf(areasName+'-collapse-'+componentIndex)!=-1?true:false"></compoent-index>
</div>
</el-collapse-item>
</el-collapse>
<div v-else class="componentVO">
- <compoent-index :key="areasData[0].componentVOs[0].oid"
+ <compoent-index :key="areasName+'componentVO-'+areasData[0].componentVOs[0].oid"
:inDialog="inDialog"
:componentVO="areasData[0].componentVOs[0]"
:sourceData="sourceData"
:areasName="areasName"
- :paramVOS="paramVOS"></compoent-index>
+ :paramVOS="paramVOS"
+ :isShow="true"></compoent-index>
</div>
</div>
</basic-container>
@@ -96,12 +100,15 @@
}
},
mounted() {
- console.log(this.areasData);
+ // console.log(this.areasData);
},
methods:{
tabHandleClick(tab, event) {
- console.log(tab, event);
+ // console.log(tab, event);
},
+ handleChange(val) {
+ //console.log(val);
+ }
}
}
</script>
--
Gitblit v1.9.3