From 8be3182372eb774dce8f9c97a0b51c03bda165c7 Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期一, 08 四月 2024 15:33:11 +0800
Subject: [PATCH] UI展示
---
Source/ProjectWeb/src/views/base/UIContentArea.vue | 33 ++++++++++++++++++++++++++-------
1 files changed, 26 insertions(+), 7 deletions(-)
diff --git a/Source/ProjectWeb/src/views/base/UIContentArea.vue b/Source/ProjectWeb/src/views/base/UIContentArea.vue
index ad8c43a..3a368ff 100644
--- a/Source/ProjectWeb/src/views/base/UIContentArea.vue
+++ b/Source/ProjectWeb/src/views/base/UIContentArea.vue
@@ -1,8 +1,8 @@
<template>
- <basic-container :cradStyle="cradStyle" cardBodyStyle="height:100%;box-sizing: border-box;">
+ <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" v-model="collapseActiveNames" v-if="areaItem.componentVOs.length>1">
+ <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}}
@@ -12,8 +12,11 @@
:inDialog="inDialog"
:componentVO="componentVO"
:sourceData="sourceData"
+ :dataStore="dataStore"
:areasName="areasName"
- :paramVOS="paramVOS"></compoent-index>
+ :paramVOS="paramVOS"
+ @setDataStore="setDataStore"
+ :isShow="collapseActiveNames.indexOf(areasName+'-collapse-'+componentIndex)!=-1?true:false"></compoent-index>
</div>
</el-collapse-item>
</el-collapse>
@@ -22,13 +25,16 @@
:inDialog="inDialog"
:componentVO="areaItem.componentVOs[0]"
:sourceData="sourceData"
+ :dataStore="dataStore"
:areasName="areasName"
- :paramVOS="paramVOS"></compoent-index>
+ :paramVOS="paramVOS"
+ @setDataStore="setDataStore"
+ :isShow="activeName==(areasName+'-Tab-'+index)?true:false"></compoent-index>
</div>
</el-tab-pane>
</el-tabs>
<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 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}}
@@ -38,8 +44,11 @@
:inDialog="inDialog"
:componentVO="componentVO"
:sourceData="sourceData"
+ :dataStore="dataStore"
:areasName="areasName"
- :paramVOS="paramVOS"></compoent-index>
+ :paramVOS="paramVOS"
+ @setDataStore="setDataStore"
+ :isShow="collapseActiveNames.indexOf(areasName+'-collapse-'+componentIndex)!=-1?true:false"></compoent-index>
</div>
</el-collapse-item>
</el-collapse>
@@ -48,8 +57,11 @@
:inDialog="inDialog"
:componentVO="areasData[0].componentVOs[0]"
:sourceData="sourceData"
+ :dataStore="dataStore"
:areasName="areasName"
- :paramVOS="paramVOS"></compoent-index>
+ :paramVOS="paramVOS"
+ @setDataStore="setDataStore"
+ :isShow="true"></compoent-index>
</div>
</div>
</basic-container>
@@ -102,6 +114,13 @@
tabHandleClick(tab, event) {
// console.log(tab, event);
},
+ handleChange(val) {
+ //console.log(val);
+ },
+ setDataStore(value) {
+ this.$emit("setDataStore", value);
+ this.dataStore = value.dataStore;
+ }
}
}
</script>
--
Gitblit v1.9.3