|
|
@@ -23,21 +23,20 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {onBeforeMount, ref} from 'vue'
|
|
|
+import { onBeforeMount, ref } from 'vue'
|
|
|
import Chart from '@/components/charts/index.vue'
|
|
|
import { getIndexUserStatistic } from '@/api/dashboard.js'
|
|
|
-//穿山甲、优量汇、快手、Sigmob、百度
|
|
|
-
|
|
|
-const getIndexUserStatisticData = async() => {
|
|
|
- let res = await getIndexUserStatistic()
|
|
|
- console.log('user',res)
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-// onBeforeMount(async () => {
|
|
|
-// await getIndexUserStatisticData()
|
|
|
-// })
|
|
|
|
|
|
+// 表格数据
|
|
|
+const tableData = ref([
|
|
|
+ { name: '注册数', today: 0, yesterday: 0, month: 0 },
|
|
|
+ { name: '新增数(ZID)', today: 0, yesterday: 0, month: 0 },
|
|
|
+ { name: '登录数', today: 0, yesterday: 0, month: 0 },
|
|
|
+ { name: '新增封禁', today: 0, yesterday: 0, month: 0 },
|
|
|
+ { name: '总封禁数', today: 0, yesterday: 0, month: 0 },
|
|
|
+ { name: '新增封号', today: 0, yesterday: 0, month: 0 },
|
|
|
+ { name: '总封号', today: 0, yesterday: 0, month: 0 }
|
|
|
+]);
|
|
|
|
|
|
const xAxisList = [
|
|
|
'00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00',
|
|
|
@@ -45,9 +44,9 @@ const xAxisList = [
|
|
|
'16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00'
|
|
|
];
|
|
|
|
|
|
-const options = {
|
|
|
+const options = ref({
|
|
|
grid: {
|
|
|
- top: 20,
|
|
|
+ top: 30,
|
|
|
right: 20,
|
|
|
bottom: 0, // 可根据需要设为 0~40
|
|
|
left: 40,
|
|
|
@@ -57,7 +56,8 @@ const options = {
|
|
|
trigger: 'axis'
|
|
|
},
|
|
|
legend: {
|
|
|
- data: ['新增数(ZID)', '注册数', '登录数', '新增封禁', '总封禁', '新增封号', '总封号']
|
|
|
+ // data: ['新增数(ZID)', '注册数', '登录数', '新增封禁', '总封禁', '新增封号', '总封号']
|
|
|
+ data: ['注册数', '新增封禁', '新增封号']
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
@@ -67,56 +67,47 @@ const options = {
|
|
|
yAxis: {
|
|
|
type: 'value'
|
|
|
},
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: '新增数(ZID)',
|
|
|
- type: 'line',
|
|
|
- data: [0.03, 0.1, 0.1, 0.3, 0.2, 0.5,0,0,0.1,0,0,0.5,0,0,0,0,0.8,0,0,0.4,0,0,0,0]
|
|
|
- },
|
|
|
+ series: []
|
|
|
+})
|
|
|
+
|
|
|
+const getIndexUserStatisticData = async () => {
|
|
|
+ let res = await getIndexUserStatistic()
|
|
|
+ console.log('user', res)
|
|
|
+ res = res.data
|
|
|
+ tableData.value = [
|
|
|
+ { name: '注册数', today: res.today, yesterday: res.yesterday, month: res.month },
|
|
|
+ // { name: '新增数(ZID)', today: 0, yesterday: 0, month: 0 },
|
|
|
+ { name: '登录数', today: res.todayLogin, yesterday: res.yesterdayLogin, month: res.monthLogin },
|
|
|
+ { name: '新增封禁', today: res.todayLock, yesterday: res.yesterdayLock, month: res.monthLock },
|
|
|
+ // { name: '总封禁数', today: 0, yesterday: 0, month: 0 },
|
|
|
+ { name: '新增封号', today: res.todayRisk, yesterday: res.yesterdayRisk, month: res.monthRisk },
|
|
|
+ // { name: '总封号', today: 0, yesterday: 0, month: 0 }
|
|
|
+ ]
|
|
|
+
|
|
|
+ const { todayUser, todayLockHour, todayRiskHour } = res
|
|
|
+
|
|
|
+ options.value.series = [
|
|
|
{
|
|
|
name: '注册数',
|
|
|
type: 'line',
|
|
|
- data: [0.3, 0, 0.2, 0.1, 0.3, 0.2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0.5,0,0,0]
|
|
|
- },
|
|
|
- {
|
|
|
- name: '登录数',
|
|
|
- type: 'line',
|
|
|
- data: [0.2, 0.4, 0.2, 1, 0, 0.3,0,0,0,0,0,0,0,0,0,0,0,0,0.6,0,0,0,0,0]
|
|
|
+ data: todayUser
|
|
|
},
|
|
|
{
|
|
|
name: '新增封禁',
|
|
|
type: 'line',
|
|
|
- data: [0, 0.2, 0.4, 0, 0.5, 0.7,0,0,0,0,0,0,0,0,0,0,0,0,0.4,0,0,0,0,0]
|
|
|
- },
|
|
|
- {
|
|
|
- name: '总封禁',
|
|
|
- type: 'line',
|
|
|
- data: [0.1, 0.1, 0, 0.1, 0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0.3,0,0,0,0,0]
|
|
|
+ data: todayLockHour
|
|
|
},
|
|
|
{
|
|
|
name: '新增封号',
|
|
|
type: 'line',
|
|
|
- data: [0, 0.1, 0, 0.3, 0, 0,0,0,0,0,0,0,0,0.2,0,0,0,0,0,0,0,0,0,0]
|
|
|
+ data: todayRiskHour
|
|
|
},
|
|
|
- {
|
|
|
- name: '总封号',
|
|
|
- type: 'line',
|
|
|
- data: [0, 0, 0, 0, 0, 0,0,0,0,0,0,0,0,0,0,0.1,0,0,0,0,0,0,0,0]
|
|
|
- }
|
|
|
]
|
|
|
}
|
|
|
+onBeforeMount(async () => {
|
|
|
+ await getIndexUserStatisticData()
|
|
|
+})
|
|
|
|
|
|
-
|
|
|
-// 表格数据
|
|
|
-const tableData = ref([
|
|
|
- { name: '注册数', today: 0, yesterday: 0, month: 877 },
|
|
|
- { name: '新增数(ZID)', today: 0, yesterday: 0, month: 62 },
|
|
|
- { name: '登录数', today: 1, yesterday: 0, month: 1376 },
|
|
|
- { name: '新增封禁', today: 1, yesterday: 3, month: 653 },
|
|
|
- { name: '总封禁数', today: 0, yesterday: 0, month: 636 },
|
|
|
- { name: '新增封号', today: 1, yesterday: 3, month: 32 },
|
|
|
- { name: '总封号', today: 0, yesterday: 0, month: 19 }
|
|
|
-]);
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|