update
This commit is contained in:
ylj20011123
parent
d4b6e7817b
commit
f855c18e98
@ -202,7 +202,7 @@ const handleGetTableData = async (BRAND_INDUSTRY: number) => {
|
|||||||
const data = await handleGetCombineBrandList(req)
|
const data = await handleGetCombineBrandList(req)
|
||||||
// brandListData.value = data.slice(0, 6)
|
// brandListData.value = data.slice(0, 6)
|
||||||
|
|
||||||
return data.slice(0, 3)
|
return data.slice(0, 6)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 切换tab
|
// 切换tab
|
||||||
@ -229,15 +229,15 @@ onBeforeUnmount(() => {
|
|||||||
const handleSetConfig = (res: any) => {
|
const handleSetConfig = (res: any) => {
|
||||||
const option = {
|
const option = {
|
||||||
legend: {
|
legend: {
|
||||||
// orient: 'vertical', // 图例纵向排列
|
orient: 'horizontal', // 图例横向排列
|
||||||
// left: 200, // 距离右侧5%
|
bottom: 0, // 距离底部25px，增加与饼图的间隔
|
||||||
// top: 'center', // 垂直居中
|
left: 'center', // 水平居中
|
||||||
itemWidth: 12, // 图例标记宽度
|
itemWidth: 12, // 图例标记宽度
|
||||||
bottom: 'center',
|
itemHeight: 12, // 图例标记高度
|
||||||
left: 'center',
|
itemGap: 25, // 图例之间的间距，增加间隔
|
||||||
itemHeight: 12, // 图例标记高度
|
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#fff', // 文字颜色
|
color: '#fff', // 文字颜色
|
||||||
|
fontSize: 12,
|
||||||
rich: {
|
rich: {
|
||||||
// 可以在这里添加富文本样式
|
// 可以在这里添加富文本样式
|
||||||
value: {
|
value: {
|
||||||
@ -252,8 +252,6 @@ const handleSetConfig = (res: any) => {
|
|||||||
const dataItem = res.pieData.find((item: any) => item.name === name);
|
const dataItem = res.pieData.find((item: any) => item.name === name);
|
||||||
// 返回自定义格式
|
// 返回自定义格式
|
||||||
return `${name} ${dataItem?.value}%`;
|
return `${name} ${dataItem?.value}%`;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
tooltip: { // 新增 tooltip 配置
|
tooltip: { // 新增 tooltip 配置
|
||||||
@ -271,8 +269,8 @@ const handleSetConfig = (res: any) => {
|
|||||||
{
|
{
|
||||||
name: 'Access From',
|
name: 'Access From',
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
radius: ['0%', '70%'],
|
radius: ['0%', '70%'], // 恢复原来的饼图大小
|
||||||
center: ['25%', '50%'],
|
center: ['50%', '42%'], // 饼图水平居中，稍微偏上为底部图例留空间
|
||||||
avoidLabelOverlap: false,
|
avoidLabelOverlap: false,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: function (params: any) {
|
color: function (params: any) {
|
||||||
|
|||||||
@ -11,8 +11,8 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
|
|||||||
<!-- 会员总数 -->
|
<!-- 会员总数 -->
|
||||||
<div class="MemberSumBox">
|
<div class="MemberSumBox">
|
||||||
<div class="MemberSumBoxLeft">会员总数</div>
|
<div class="MemberSumBoxLeft">会员总数</div>
|
||||||
<div class="memberSumTotal">12733</div>
|
<div class="memberSumTotal">15071</div>
|
||||||
<div class="MemberSumBoxRight">本月新增 56 个</div>
|
<div class="MemberSumBoxRight">本月新增 146 个</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 近30天数据 -->
|
<!-- 近30天数据 -->
|
||||||
@ -21,22 +21,22 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
|
|||||||
<div class="recentData">
|
<div class="recentData">
|
||||||
<div class="recentDataTop">
|
<div class="recentDataTop">
|
||||||
<div class="recentDataTopItem" style="left: 22px;top: 31px;">
|
<div class="recentDataTopItem" style="left: 22px;top: 31px;">
|
||||||
<div class="recentDataTopValue">94</div>
|
<div class="recentDataTopValue">270</div>
|
||||||
<div class="recentDataTopLabel">新增会员数</div>
|
<div class="recentDataTopLabel">新增会员数</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="recentDataTopItem" style="left: 30%;top: 0;">
|
<div class="recentDataTopItem" style="left: 30%;top: 0;">
|
||||||
<div class="recentDataTopValue">2716</div>
|
<div class="recentDataTopValue">3203</div>
|
||||||
<div class="recentDataTopLabel">打开次数</div>
|
<div class="recentDataTopLabel">打开次数</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="recentDataTopItem" style="right: 30%;top: 0;">
|
<div class="recentDataTopItem" style="right: 30%;top: 0;">
|
||||||
<div class="recentDataTopValue">624</div>
|
<div class="recentDataTopValue">757</div>
|
||||||
<div class="recentDataTopLabel">新增人数</div>
|
<div class="recentDataTopLabel">新增人数</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="recentDataTopItem" style="right: 8px;top: 31px;">
|
<div class="recentDataTopItem" style="right: 8px;top: 31px;">
|
||||||
<div class="recentDataTopValue">884</div>
|
<div class="recentDataTopValue">1914</div>
|
||||||
<div class="recentDataTopLabel">访问人数</div>
|
<div class="recentDataTopLabel">访问人数</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -97,7 +97,7 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
|
|||||||
|
|
||||||
<div class="MemberOverviewItem">
|
<div class="MemberOverviewItem">
|
||||||
<div class="MemberOverviewItemTop">23</div>
|
<div class="MemberOverviewItemTop">23</div>
|
||||||
<div class="MemberOverviewItemBottom">1,205.83</div>
|
<div class="MemberOverviewItemBottom"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="MemberOverviewItem">
|
<div class="MemberOverviewItem">
|
||||||
|
|||||||
@ -82,30 +82,33 @@ defineExpose({
|
|||||||
<div class="supplierMessageBox" style="margin-top: 10px;">
|
<div class="supplierMessageBox" style="margin-top: 10px;">
|
||||||
<div class="supplierMessageBoxTop">
|
<div class="supplierMessageBoxTop">
|
||||||
<div class="supplierMessageBoxTopItem">
|
<div class="supplierMessageBoxTopItem">
|
||||||
<div class="supplierMessageBoxTopItemLabel">经销商/家</div>
|
<div class="supplierMessageBoxTopItemLabel">供应商/家</div>
|
||||||
<div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{ supplierObj?.dealer || "0" }}
|
<!-- <div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{ supplierObj?.dealer || "0" }} -->
|
||||||
</div>
|
<div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">14</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="supplierMessageBoxTopItem">
|
<div class="supplierMessageBoxTopItem">
|
||||||
<div class="supplierMessageBoxTopItemLabel">品牌方/家</div>
|
<div class="supplierMessageBoxTopItemLabel">品牌方/家</div>
|
||||||
<div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{ supplierObj?.brandSide || "0"
|
<!-- <div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{ supplierObj?.brandSide || "0"
|
||||||
}}
|
}}
|
||||||
</div>
|
</div> -->
|
||||||
|
<div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">14</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="supplierMessageBoxTop" style="margin-top: 10px;">
|
<div class="supplierMessageBoxTop" style="margin-top: 10px;">
|
||||||
<div class="supplierMessageBoxTopItem">
|
<div class="supplierMessageBoxTopItem">
|
||||||
<div class="supplierMessageBoxTopItemLabel">自有品牌水/家</div>
|
<div class="supplierMessageBoxTopItemLabel">自有品牌水/家</div>
|
||||||
<div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{
|
<!-- <div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{
|
||||||
supplierObj?.privateLabelWater || "0" }}
|
supplierObj?.privateLabelWater || "0" }}
|
||||||
</div>
|
</div> -->
|
||||||
|
<div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">2</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="supplierMessageBoxTopItem">
|
<div class="supplierMessageBoxTopItem">
|
||||||
<div class="supplierMessageBoxTopItemLabel">零售批发类/家</div>
|
<div class="supplierMessageBoxTopItemLabel">零售批发类/家</div>
|
||||||
<div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{
|
<!-- <div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{
|
||||||
supplierObj?.retailAndWholesale || "0" }}
|
supplierObj?.retailAndWholesale || "0" }}
|
||||||
</div>
|
</div> -->
|
||||||
|
<div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">28</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user