From 04af966bddb7dfb8e850bf0e314defc83cbe3f4e Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期三, 20 三月 2024 17:28:30 +0800 Subject: [PATCH] UI上下文展示引擎 --- Source/ProjectWeb/src/views/base/UIContentArea.vue | 24 ++++++++++++------------ 1 files changed, 12 insertions(+), 12 deletions(-) diff --git a/Source/ProjectWeb/src/views/base/UIContentArea.vue b/Source/ProjectWeb/src/views/base/UIContentArea.vue index 934e517..ad8c43a 100644 --- a/Source/ProjectWeb/src/views/base/UIContentArea.vue +++ b/Source/ProjectWeb/src/views/base/UIContentArea.vue @@ -1,14 +1,14 @@ <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;"> + <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" v-model="collapseActiveNames" v-if="areaItem.componentVOs.length>1"> <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" @@ -18,7 +18,7 @@ </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" @@ -27,14 +27,14 @@ </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" v-model="collapseActiveNames" v-if="areasData[0].componentVOs.length>1"> <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" @@ -44,7 +44,7 @@ </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" -- Gitblit v1.9.3