shulang
/
webcons
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整数据面板布局，修改网格列数和行间距，增加绑定人数统计

This commit is contained in:
lingling 2025-02-28 18:31:17 +08:00
parent 95ebce0990
commit 0717191a12
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/dashboard/workplace/components/data-panel-search.vue
View File

@ -30,7 +30,7 @@
</a-space> </a-space>
</a-col> </a-col>
</a-row> </a-row>
<a-grid :cols="24" :row-gap="16" class="panel"> <a-grid :cols="16" :row-gap="12" class="panel">
<a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 8 }"> <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 8 }">
<a-space> <a-space>
<a-avatar :size="54" class="col-avatar"> <a-avatar :size="54" class="col-avatar">
@ -70,18 +70,18 @@
</a-statistic> </a-statistic>
</a-space> </a-space>
</a-grid-item> </a-grid-item>
<!-- <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 6 }" <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 8 }"
style="border-right: none"> style="border-right: none">
<a-space> <a-space>
<a-avatar :size="54" class="col-avatar"> <a-avatar :size="54" class="col-avatar">
<img alt="avatar" <img alt="avatar"
src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/c8b36e26d2b9bb5dbf9b74dd6d7345af.svg~tplv-49unhts6dw-image.image" /> src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/c8b36e26d2b9bb5dbf9b74dd6d7345af.svg~tplv-49unhts6dw-image.image" />
</a-avatar> </a-avatar>
<a-statistic :title="'提款人数'" :value="data.withdraw" :value-from="0" animation> <a-statistic :title="'绑定ws人数'" :value="data.binding" :value-from="0" animation>
<template #suffix> 人 </template> <template #suffix> 人 </template>
</a-statistic> </a-statistic>
</a-space> </a-space>
</a-grid-item> --> </a-grid-item>
<a-grid-item :span="24"> <a-grid-item :span="24">
<a-divider class="panel-border" /> <a-divider class="panel-border" />
</a-grid-item> </a-grid-item>
@ -97,6 +97,7 @@ import dayjs from 'dayjs';
login: 0, login: 0,
registration: 0, registration: 0,
withdraw: 0, withdraw: 0,
binding:0
}); });
onMounted(async() => { onMounted(async() => {
@ -111,6 +112,7 @@ import dayjs from 'dayjs';
data.login=res.data.login data.login=res.data.login
data.registration=res.data.registration data.registration=res.data.registration
data.withdraw=res.data.withdraw data.withdraw=res.data.withdraw
data.binding=res.data.binding
}) })
const reset=()=>{} const reset=()=>{}
@ -119,6 +121,7 @@ import dayjs from 'dayjs';
data.login=res.data.login data.login=res.data.login
data.registration=res.data.registration data.registration=res.data.registration
data.withdraw=res.data.withdraw data.withdraw=res.data.withdraw
data.binding=res.data.binding
} }
const queryParams=ref([dayjs().subtract(1, 'day').format("YYYY-MM-DD"),dayjs().format("YYYY-MM-DD")]) const queryParams=ref([dayjs().subtract(1, 'day').format("YYYY-MM-DD"),dayjs().format("YYYY-MM-DD")])
</script> </script>