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