Commit b94f6958 authored by 黄奎's avatar 黄奎

1

parent fce159e7
<style>
.CarrierList {
border-bottom: 1px dashed #eee;
padding-bottom: 5px;
margin-bottom: 5px;
}
.CarrierList span {
display: inline-block;
margin-right: 10px;
}
</style>
<template>
<div class="VehicleManagement">
<div class="head-title">
数据统计
</div>
<div class="content">
<div>
<el-date-picker v-model="msg.StartDate" type="date" placeholder="开始日期" @change="getList">
</el-date-picker>
<el-date-picker v-model="msg.EndDate" type="date" placeholder="截止日期" @change="getList">
</el-date-picker>
</div>
<el-table :data="dataList" v-loading="loading" border style="width: 100%; margin: 20px 0" show-summary
:summary-method="getSummaries">
<el-table-column prop="CreateTimeStr" width="100" label="日期">
</el-table-column>
<el-table-column prop="CarrierNum" width="100" label="新增载体">
</el-table-column>
<el-table-column prop="BuildingCarrierNum" width="100" label="新增楼宇">
</el-table-column>
<el-table-column prop="BrandNum" width="100" label="新增品牌">
</el-table-column>
<el-table-column prop="EnterpriseNum" width="100" label="新增企业">
</el-table-column>
<el-table-column prop="CarrierTotalNum" width="100" label="载体总数">
</el-table-column>
<el-table-column prop="BuildingCarrierTotalNum" width="100" label="楼宇总数">
</el-table-column>
<el-table-column prop="BrandTotalNum" width="100" label="品牌总数">
</el-table-column>
<el-table-column prop="EnterpriseTotalNum" width="100" label="企业总数">
</el-table-column>
<el-table-column prop="CarrierVisitNum" width="100" label="访问载体数">
</el-table-column>
<el-table-column prop="BuildingCarrierVisitNum" width="100" label="访问楼宇数">
</el-table-column>
<el-table-column prop="BrandVisitNum" width="100" label="访问品牌数">
</el-table-column>
<el-table-column prop="EnterpriseVisitNum" width="100" label="访问企业数">
</el-table-column>
<el-table-column prop="NewVisitUV" width="100" label="新增用户留存">
</el-table-column>
<el-table-column prop="VisitUV" width="100" label="活跃用户留存">
</el-table-column>
<el-table-column prop="Visit_Total" width="100" label="累计用户数">
</el-table-column>
<el-table-column prop="Share_PV" width="100" label="转发次数">
</el-table-column>
<el-table-column prop="Share_UV" width="100" label="转发人数">
</el-table-column>
<el-table-column prop="Session_CNT" width="100" label="打开次数">
</el-table-column>
<el-table-column prop="Visit_PV" width="100" label="访问次数">
</el-table-column>
<el-table-column prop="Visit_UV" width="100" label="访问人数">
</el-table-column>
<el-table-column prop="Stay_Time_UV" width="100" label="人均停留时长(s)">
</el-table-column>
<el-table-column prop="Stay_Time_Session" width="100" label="平均停留时长(s)">
</el-table-column>
<el-table-column prop="Visit_Depth" width="100" label="平均访问深度">
</el-table-column>
</el-table>
</div>
</div>
</template>
<script>
export default {
data() {
return {
msg: {
StartDate: "2024-12-01", //开始日期
EndDate: "", // 截止日期
},
loading: false,
dataList: [],
totalObj: {},
};
},
created() {
},
methods: {
getSummaries(param) {
console.log("getSummaries",param);
const {
columns,
data
} = param;
const sums = [];
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = '总价';
return;
}
const values = data.map(item => Number(item[column.property]));
if (!values.every(value => isNaN(value))) {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr);
if (!isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
sums[index] += ' 元';
} else {
sums[index] = 'N/A';
}
});
return sums;
},
getList() {
this.loading = true;
this.apipost("/api/Trade/WechatStatistics", this.msg, (res) => {
this.loading = false;
console.log("res", res);
if (res.data.resultCode == 1) {
this.dataList = res.data.data.List;
//this.totalObj=res.data.
}
});
},
},
mounted() {
this.getList();
},
};
</script>
<style>
.VehicleManagement .content .searchInput {
border: 1px solid #dcdfe6;
border-radius: 4px;
}
.VehicleManagement .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.VehicleManagement .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.VehicleManagement .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
</style>
...@@ -820,12 +820,7 @@ export default new Router({ ...@@ -820,12 +820,7 @@ export default new Router({
name: 'BrandManager', name: 'BrandManager',
component: resolve => require(['@/components/tradePavilion/BrandEnterpriseManager'], resolve), component: resolve => require(['@/components/tradePavilion/BrandEnterpriseManager'], resolve),
}, },
//数据统计【商载通】
{
path: '/DataStatic',
name: 'DataStatic',
component: resolve => require(['@/components/tradePavilion/DataStatic'], resolve),
},
//企业服务管理 //企业服务管理
{ {
path: '/EnterpriseManager', path: '/EnterpriseManager',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment