index.vue
1.31 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<template>
<view class="h-page">
<CustomNavBar :title="t('PreMallChart.mall_flow_conversion.funnel')" />
<PageOptions @change="handleOptionsChange"></PageOptions>
<view class="h-c-container">
<FlowTrans ref="flowTransRef"></FlowTrans>
</view>
</view>
</template>
<script setup>
import {
ref,
onMounted
} from 'vue'
import PageOptions from '@/components/PageOptions.vue'
import CardNvue from '@/pages/flow/components/Card.nvue'
import CustomNavBar from '@/components/CustomNav.nvue'
import FlowTrans from '@/pages/flow/components/FlowTrans.nvue';
import { t } from '@/plugins/index.js'
import { onPullDownRefresh } from '@dcloudio/uni-app'
const params = ref({})
const handleOptionsChange = (e) => {
params.value = e
initFaceAnalyzeCharts()
}
onMounted(() => {
initFaceAnalyzeCharts()
})
const flowTransRef = ref(null)
const initFaceAnalyzeCharts = () => {
flowTransRef.value?.initData(params.value)
}
onPullDownRefresh(() => {
initFaceAnalyzeCharts()
uni.stopPullDownRefresh()
})
</script>
<style lang="scss">
.h-page {
/* #ifdef H5 */
min-height: 100vh;
/* #endif */
/* #ifndef H5 */
min-height: 100vh;
/* #endif */
background-color: #f2f3f6;
.h-c-container {
padding: 0 20rpx 20rpx;
}
}
</style>