index.vue
2.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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<template>
<view class="h-page">
<CustomNavBar :title="t('PreMenu.regionalStatistics')" />
<view :style="`position: fixed;z-index: 99;top: ${navHeight+44}px;`">
<PageOptions @change="handleChange"></PageOptions>
</view>
<view style="height: 164rpx;"></view>
<AreaStatisticsComp ref="areaStatisticRef" />
</view>
</template>
<script setup>
import {
ref,
onMounted,
computed,
nextTick
} from 'vue'
import {
getUserIndicatorIndexApi,
getAreaAnalysisStatisApi
} from '@/api'
import PageOptions from '@/components/PageOptions.vue'
import CustomNavBar from '@/components/CustomNav.nvue'
import AreaStatisticsComp from './components/AreaStatisticsComp.vue'
import {
t
} from '@/plugins/index.js'
// 组件ref
const areaStatisticRef = ref(null)
const params = ref({})
const flag = ref(false) // 是否初始化完成
const handleChange = (e, type) => {
params.value = e
// if (flag.value && e.storeId) {
// params.value.currentKey = e.indicatorKey || currentKey.value
nextTick(() => {
areaStatisticRef.value?.initData(params.value)
})
// }
// if (type === 'indicatorKey') {
// currentKey.value = e.indicatorKey
// }
}
/********** 指标相关 *********/
// const indicatorsOptions = {
// label: 'indexName',
// value: 'indexKey'
// }
// onMounted(() => {
// initIndicatorList()
// flag.value = true
// })
// const currentKey = ref('')
// const indicatorsList = ref([])
// const initIndicatorList = async () => {
// try {
// const {
// data
// } = await getUserIndicatorIndexApi({
// id: params.value.storeId
// })
// indicatorsList.value = data?.filter(item => item.status === 1) || []
// currentKey.value = data.length > 0 ? data[0].indexKey : ''
// params.value.currentKey = currentKey.value
// areaStatisticRef.value?.initData(params.value)
// } catch (e) {
// console.log(e);
// }
// }
</script>
<style lang="scss">
@import '@/styles/table.scss';
.h-page {
min-height: 100vh;
background-color: #f2f3f6;
.h-c-container {
padding: 0 20rpx 20rpx;
}
}
.table-body-item-value-text.increase {
color: #00B274;
}
.table-body-item-value-text.decrease {
color: #FF3000;
}
</style>