|
|
@@ -41,15 +41,24 @@
|
|
|
<el-card :bordered="false" dis-hover shadow="never" :padding="12">
|
|
|
<div class="acea-row row-between-wrapper">
|
|
|
<div class="acea-row align-center">
|
|
|
- <span class="main_tit">访客数</span>
|
|
|
+ <span class="main_tit">访客/粉丝</span>
|
|
|
</div>
|
|
|
<el-tag type="primary">今日</el-tag>
|
|
|
</div>
|
|
|
<div class="content" v-if="viewData">
|
|
|
- <span class="content-number spBlock my15">{{ viewData.visitorsNum || 0 }}</span>
|
|
|
+ <div class="acea-row row-between-wrapper my15">
|
|
|
+ <div class="acea-row flex-column">
|
|
|
+ <span class="content-number">{{ viewData.visitorsNum || 0 }}</span>
|
|
|
+ <span class="content-time">访客数</span>
|
|
|
+ </div>
|
|
|
+ <div class="acea-row flex-column align-end">
|
|
|
+ <span class="content-number">{{ viewData.followNum || 0 }}</span>
|
|
|
+ <span class="content-time">粉丝数</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<el-divider></el-divider>
|
|
|
- <div class="acea-row row-between-wrapper">
|
|
|
- <span class="content-time">昨日数据</span>
|
|
|
+ <div class="acea-row row-between-wrapper" style="margin-top: -15px;">
|
|
|
+ <span class="content-time">昨日访客</span>
|
|
|
<span class="content-time">{{ viewData.yesterdayVisitorsNum || 0 }} 人</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -59,13 +68,21 @@
|
|
|
<el-card :bordered="false" dis-hover shadow="never" :padding="12">
|
|
|
<div class="acea-row row-between-wrapper">
|
|
|
<div class="acea-row align-center">
|
|
|
- <span class="main_tit">粉丝数</span>
|
|
|
+ <span class="main_tit">商户账况</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="container" v-if="viewData">
|
|
|
- <div class="con_left">
|
|
|
- <span class="content-number spBlock m-b-15">{{ viewData.followNum || 0 }}</span>
|
|
|
- <span class="main_tit">关注量</span>
|
|
|
+ <div class="balance-grid" v-if="transferBaseInfo">
|
|
|
+ <div class="balance-item">
|
|
|
+ <p class="num_data">{{ transferBaseInfo.balance || '-' }}</p>
|
|
|
+ <p class="label">商户余额({{ $globalVars.priceUnit }})</p>
|
|
|
+ </div>
|
|
|
+ <div class="balance-item">
|
|
|
+ <p class="num_data yellow">{{ transferBaseInfo.transferBalance || '-' }}</p>
|
|
|
+ <p class="label">可提现金额({{ $globalVars.priceUnit }})</p>
|
|
|
+ </div>
|
|
|
+ <div class="balance-item">
|
|
|
+ <p class="num_data gray">{{ transferBaseInfo.freezeAmount || '-' }}</p>
|
|
|
+ <p class="label">冻结金额({{ $globalVars.priceUnit }})</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
@@ -83,11 +100,14 @@
|
|
|
// +----------------------------------------------------------------------
|
|
|
// | Author: CRMEB Team <admin@crmeb.com>
|
|
|
// +----------------------------------------------------------------------
|
|
|
-
|
|
|
+import {
|
|
|
+ closingBaseInfoApi
|
|
|
+} from '@/api/finance';
|
|
|
import { viewModelApi } from '@/api/dashboard';
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ transferBaseInfo: {},
|
|
|
grid: { xl: 12, lg: 6, md: 12, sm: 12, xs: 24 },
|
|
|
viewData: {},
|
|
|
};
|
|
|
@@ -98,9 +118,16 @@ export default {
|
|
|
this.viewData = res;
|
|
|
});
|
|
|
},
|
|
|
+ getMerInfo() {
|
|
|
+ closingBaseInfoApi()
|
|
|
+ .then((res) => {
|
|
|
+ this.transferBaseInfo = res;
|
|
|
+ })
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
this.statisticsOrder();
|
|
|
+ this.getMerInfo();
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
@@ -191,4 +218,38 @@ export default {
|
|
|
.m-b-15 {
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
+.align-end {
|
|
|
+ align-items: flex-end;
|
|
|
+}
|
|
|
+.flex-column {
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+.balance-grid {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 30px 0 0;
|
|
|
+ .balance-item {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ .num_data {
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ &.yellow {
|
|
|
+ color: #E6A23C;
|
|
|
+ }
|
|
|
+ &.gray {
|
|
|
+ color: #909399;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .label {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|