Skip to content

E
ec-report-refactor
Commit 4386a9c4 authored by Jenny's avatar Jenny
Browse files
Options

feat: 选项卡组件显隐交互

parent a96cb0dd
Hide whitespace changes
Inline Side-by-side
Showing with 46 additions and 34 deletions
pages/index/index.vue
View file @ 4386a9c4
...@@ -4,40 +4,42 @@ ...@@ -4,40 +4,42 @@
:style="[styleObject]" :style="[styleObject]"
> >
<view v-for="element in reportData" :key="item.id"> <view v-for="element in reportData" :key="item.id">
<!-- 普通柱状图 --> <template v-if="!element.hide">
<NormalBar v-if="element.type == 'NormalBar'" :elementInfo="element"></NormalBar> <!-- 普通柱状图 -->
<!-- 普通折线图 --> <NormalBar v-if="element.type == 'NormalBar'" :elementInfo="element"></NormalBar>
<NormalLine v-if="element.type == 'NormalLine'" :elementInfo="element"></NormalLine> <!-- 普通折线图 -->
<!-- 横向柱状图 --> <NormalLine v-if="element.type == 'NormalLine'" :elementInfo="element"></NormalLine>
<HorizontalBar v-if="element.type == 'HorizontalBar'" :elementInfo="element"></HorizontalBar> <!-- 横向柱状图 -->
<!-- 折柱图 --> <HorizontalBar v-if="element.type == 'HorizontalBar'" :elementInfo="element"></HorizontalBar>
<LineMixBar v-if="element.type == 'LineMixBar'" :elementInfo="element"></LineMixBar> <!-- 折柱图 -->
<!-- 仪表盘 --> <LineMixBar v-if="element.type == 'LineMixBar'" :elementInfo="element"></LineMixBar>
<NormalGauge v-if="element.type == 'NormalGauge'" :elementInfo="element"></NormalGauge> <!-- 仪表盘 -->
<!-- 饼图 --> <NormalGauge v-if="element.type == 'NormalGauge'" :elementInfo="element"></NormalGauge>
<NormalPie v-if="element.type == 'NormalPie'" :elementInfo="element"></NormalPie> <!-- 饼图 -->
<!-- 中国地图 --> <NormalPie v-if="element.type == 'NormalPie'" :elementInfo="element"></NormalPie>
<ChinaMap v-if="element.type == 'ChinaMap'" :elementInfo="element"></ChinaMap> <!-- 中国地图 -->
<!-- 柱状图混合地图 --> <ChinaMap v-if="element.type == 'ChinaMap'" :elementInfo="element"></ChinaMap>
<BarMixMap v-if="element.type == 'BarMixMap'" :elementInfo="element"></BarMixMap> <!-- 柱状图混合地图 -->
<!-- 雷达图 --> <BarMixMap v-if="element.type == 'BarMixMap'" :elementInfo="element"></BarMixMap>
<NormalRadar v-if="element.type == 'NormalRadar'" :elementInfo="element"></NormalRadar> <!-- 雷达图 -->
<!-- 普通数字滚动 --> <NormalRadar v-if="element.type == 'NormalRadar'" :elementInfo="element"></NormalRadar>
<CountTo v-if="element.type == 'CountTo'" :elementInfo="element"></CountTo> <!-- 普通数字滚动 -->
<!-- 数字滚动 --> <CountTo v-if="element.type == 'CountTo'" :elementInfo="element"></CountTo>
<NumberScroll v-if="element.type == 'NumberScroll'" :elementInfo="element"></NumberScroll> <!-- 数字滚动 -->
<!-- 普通选项卡 --> <NumberScroll v-if="element.type == 'NumberScroll'" :elementInfo="element"></NumberScroll>
<NormalTabs v-if="element.type == 'NormalTabs'" :elementInfo="element"></NormalTabs> <!-- 普通选项卡 -->
<!-- 文本框 --> <NormalTabs v-if="element.type == 'NormalTabs'" :elementInfo="element"></NormalTabs>
<BasicText v-if="element.type == 'BasicText'" :elementInfo="element"></BasicText> <!-- 文本框 -->
<!-- 真实时间 --> <BasicText v-if="element.type == 'BasicText'" :elementInfo="element"></BasicText>
<RealTime v-if="element.type == 'RealTime'" :elementInfo="element"></RealTime> <!-- 真实时间 -->
<!-- 普通进度条 --> <RealTime v-if="element.type == 'RealTime'" :elementInfo="element"></RealTime>
<NormalProgress v-if="element.type == 'NormalProgress'" :elementInfo="element"></NormalProgress> <!-- 普通进度条 -->
<!-- 普通图片 --> <NormalProgress v-if="element.type == 'NormalProgress'" :elementInfo="element"></NormalProgress>
<NormalImage v-if="element.type == 'NormalImage'" :elementInfo="element"></NormalImage> <!-- 普通图片 -->
<!-- 远程图片 --> <NormalImage v-if="element.type == 'NormalImage'" :elementInfo="element"></NormalImage>
<RemoteImage v-if="element.type == 'RemoteImage'" :elementInfo="element"></RemoteImage> <!-- 远程图片 -->
<RemoteImage v-if="element.type == 'RemoteImage'" :elementInfo="element"></RemoteImage>
</template>
</view> </view>
</view> </view>
</template> </template>
...@@ -71,6 +73,16 @@ ...@@ -71,6 +73,16 @@
uni.$on('handleLinkParams', ({index, paramName, value}) => { uni.$on('handleLinkParams', ({index, paramName, value}) => {
this.handleValueChange(index, paramName, value) this.handleValueChange(index, paramName, value)
}) })
/**
* 组件交互 - 组件
*/
uni.$on('handleLinkComp', ({ showData, hideData }) => {
this.reportData.map(item => {
if(showData.includes(item.id)) item.hide = false
if(hideData.includes(item.id)) item.hide = true
return item
})
})
}, },
onUnload() { onUnload() {
// 移除监听事件 // 移除监听事件
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment