推广数据
Caps
6 years ago
parent
95a45f638e
commit
c6698fc87f
@ -0,0 +1,147 @@
|
||||
<template>
|
||||
<div>
|
||||
<Row style="margin-top: 20px;width: 100%;background-color: #F7F8FA;">
|
||||
<i-col span="24" style="text-align: left;padding-left: 10px;">
|
||||
<Row class="row-style">
|
||||
<i-col span="1" style="text-align: right;">
|
||||
<p class="region">选择日期</p>
|
||||
</i-col>
|
||||
<i-col span="3" style="padding-left: 10px;">
|
||||
<DatePicker type="date" placement="bottom-end" placeholder="请选择日期" style="width: 200px"
|
||||
@on-change="onChangeDateLister"></DatePicker>
|
||||
</i-col>
|
||||
<i-col span="2" style="text-align: right;">
|
||||
<span class="region">零售公司选择</span>
|
||||
</i-col>
|
||||
<i-col span="4" style="padding-left: 10px;">
|
||||
<Select v-model="selectedCompany" filterable style="width: 200px;">
|
||||
<Option v-for="item in companyList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
||||
</Select>
|
||||
</i-col>
|
||||
<i-col span="4">
|
||||
<Button type="primary" @click="generalizeOfRetail">查询</Button>
|
||||
</i-col>
|
||||
</Row>
|
||||
</i-col>
|
||||
</Row>
|
||||
|
||||
<Table :columns="columns1" :data="data1" style="margin-top: 20px;"></Table>
|
||||
<Page :total="totalSize" :current="pageNum" :page-size="pageSize" show-elevator show-total
|
||||
placement="top" style="float: right;margin-top: 20px"></Page>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import IncreaseData from "../../services/generalize/IncreaseData";
|
||||
export default {
|
||||
name: "IncreaseDataCompany",
|
||||
data() {
|
||||
return {
|
||||
selectedCompany: null,
|
||||
companyList: [],
|
||||
columns1: [
|
||||
{
|
||||
type: 'index',
|
||||
title: '序号',
|
||||
key: 'id'
|
||||
},
|
||||
{
|
||||
title: '零售公司名称',
|
||||
key: 'retailCompany'
|
||||
},
|
||||
{
|
||||
title: '总客户数',
|
||||
key: 'allCustomer'
|
||||
},
|
||||
{
|
||||
title: '有效客户总数',
|
||||
key: 'effectiveCustomer'
|
||||
},
|
||||
{
|
||||
title: '新增客户数',
|
||||
key: 'newCustomer'
|
||||
},
|
||||
{
|
||||
title: '新增有效客户数',
|
||||
key: 'newEffectiveCustomer'
|
||||
},
|
||||
{
|
||||
title: '日增有效好友平均',
|
||||
key: 'avgNewCustomer'
|
||||
},
|
||||
{
|
||||
title: '删除/拉黑成员客户数（累计）',
|
||||
key: 'delCustomer'
|
||||
},
|
||||
{
|
||||
title: '拉黑率（累计）',
|
||||
key: 'delRate'
|
||||
}
|
||||
],
|
||||
data1: [],
|
||||
//分页内容
|
||||
totalSize: 0,
|
||||
pageNum: 1,
|
||||
pageSize: 20,
|
||||
date:null,
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
this.allCompany();
|
||||
this.generalizeOfRetail();
|
||||
},
|
||||
methods: {
|
||||
onChangeDateLister(date) {
|
||||
this.date = date;
|
||||
},
|
||||
allCompany(){
|
||||
let that = this;
|
||||
let request = {
|
||||
userId:JSON.parse(sessionStorage.getItem("loginInfo")).userId
|
||||
};
|
||||
this.companyList = [];
|
||||
IncreaseData.listOfRetailCompany(request,function (data) {
|
||||
data = data.data;
|
||||
if (data.code === '0001') {
|
||||
that.$Message.error("查询零售公司出错!");
|
||||
return;
|
||||
}
|
||||
if (data.code === '0000') {
|
||||
that.companyList = data.results;
|
||||
}
|
||||
})
|
||||
},
|
||||
generalizeOfRetail(){
|
||||
let request = {
|
||||
date:this.date,
|
||||
orgId:this.selectedCompany,
|
||||
pageNum:this.pageNum,
|
||||
pageSize:this.pageSize
|
||||
};
|
||||
let that = this;
|
||||
that.data1 = [];
|
||||
IncreaseData.generalizeOfRetail(request,function (data) {
|
||||
data = data.data;
|
||||
if(data.code === '0001'){
|
||||
that.$Message.info("查询推广数据失败！");
|
||||
return;
|
||||
}
|
||||
if(data.code === '0000'){
|
||||
that.data1 = data.results;
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.region {
|
||||
font-size: 14px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.row-style {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -1,123 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<Row style="margin-top: 20px;width: 100%;background-color: #F7F8FA;">
|
||||
<i-col span="24" style="text-align: left;padding-left: 10px;">
|
||||
<Row class="row-style">
|
||||
<i-col span="1" style="text-align: right;">
|
||||
<span class="region">区域选择</span>
|
||||
</i-col>
|
||||
<i-col span="4" style="padding-left: 10px;">
|
||||
<Select v-model="selectedRegion" filterable style="width: 200px;">
|
||||
<Option v-for="item in regionList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
</i-col>
|
||||
<i-col span="1" style="text-align: right;">
|
||||
<p class="region">时间</p>
|
||||
</i-col>
|
||||
<i-col span="4" style="padding-left: 10px;">
|
||||
<DatePicker type="daterange" placement="bottom-end" placeholder="请选择日期" style="width: 200px"
|
||||
@on-change="onChangeDateLister"></DatePicker>
|
||||
</i-col>
|
||||
<i-col span="4">
|
||||
<Button type="primary">查询</Button>
|
||||
</i-col>
|
||||
<i-col span="10" style="text-align: right;padding-right: 20px;">
|
||||
<Button type="primary">导出数据</Button>
|
||||
|
||||
</i-col>
|
||||
</Row>
|
||||
</i-col>
|
||||
</Row>
|
||||
|
||||
<Table :columns="columns1" :data="data1" style="margin-top: 20px;"></Table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "IncreaseDataRegion",
|
||||
data() {
|
||||
return {
|
||||
selectedRegion: null,
|
||||
regionList: [],
|
||||
columns1: [
|
||||
{
|
||||
title: '序号',
|
||||
key: 'id'
|
||||
},
|
||||
{
|
||||
title: '区域名称',
|
||||
key: 'regionName'
|
||||
},
|
||||
{
|
||||
title: '总客户数',
|
||||
key: 'customerNum'
|
||||
},
|
||||
{
|
||||
title: '新增客户数',
|
||||
key: 'addNum'
|
||||
},
|
||||
{
|
||||
title: '日增好友平均',
|
||||
key: 'avg'
|
||||
},
|
||||
{
|
||||
title: '删除/拉黑成员客户数（累计）',
|
||||
key: 'rate'
|
||||
}
|
||||
],
|
||||
data1: [
|
||||
{
|
||||
id: 1,
|
||||
regionName: '区域1',
|
||||
customerNum: 18,
|
||||
addNum: 99,
|
||||
avg: 80,
|
||||
rate: '2%'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
regionName: '区域2',
|
||||
customerNum: 18,
|
||||
addNum: 99,
|
||||
avg: 80,
|
||||
rate: '2%'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
regionName: '区域3',
|
||||
customerNum: 18,
|
||||
addNum: 99,
|
||||
avg: 80,
|
||||
rate: '2%'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
regionName: '区域4',
|
||||
customerNum: 18,
|
||||
addNum: 99,
|
||||
avg: 80,
|
||||
rate: '2%'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onChangeDateLister: function () {
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.region {
|
||||
font-size: 14px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.row-style {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,97 @@
|
||||
/**
|
||||
* home请求数据
|
||||
* @author wangyinjia
|
||||
* @date 2020/2/24
|
||||
*/
|
||||
|
||||
import http from '../CommonHttp'
|
||||
|
||||
/**
|
||||
* 查询所有的零售公司信息
|
||||
* @param params
|
||||
* @param call
|
||||
* @returns {Promise<any>}
|
||||
*/
|
||||
export function listOfRetailCompany(params, call) {
|
||||
return http.get('/retail/company', params).then(call)
|
||||
}
|
||||
|
||||
/**
|
||||
* 查询零售公司下的店铺
|
||||
* @param params
|
||||
* @param call
|
||||
* @returns {Promise<any>}
|
||||
*/
|
||||
export function listOfStoreByCompany(params, call) {
|
||||
return http.get('/retail/store/company', params).then(call)
|
||||
}
|
||||
|
||||
/**
|
||||
* 查询店铺下的导购
|
||||
* @param params
|
||||
* @param call
|
||||
* @returns {Promise<any>}
|
||||
*/
|
||||
export function listOfSellerByStore(params, call) {
|
||||
return http.get('/retail/seller/store', params).then(call)
|
||||
}
|
||||
|
||||
/**
|
||||
* 零售公司的推广数据
|
||||
* @param params
|
||||
* @param call
|
||||
* @returns {Promise<any>}
|
||||
*/
|
||||
export function generalizeOfRetail(params, call) {
|
||||
return http.get('/retail/retail', params).then(call)
|
||||
}
|
||||
|
||||
/**
|
||||
* 门店的推广数据
|
||||
* @param params
|
||||
* @param call
|
||||
* @returns {Promise<any>}
|
||||
*/
|
||||
export function generalizeOfStore(params, call) {
|
||||
return http.get('/retail/store', params).then(call)
|
||||
}
|
||||
|
||||
/**
|
||||
* 导购的推广数据
|
||||
* @param params
|
||||
* @param call
|
||||
* @returns {Promise<any>}
|
||||
*/
|
||||
export function generalizeOfSeller(params, call) {
|
||||
return http.get('/retail/seller', params).then(call)
|
||||
}
|
||||
|
||||
/**
|
||||
* 门店信息
|
||||
* @param params
|
||||
* @param call
|
||||
* @returns {Promise<any>}
|
||||
*/
|
||||
export function storeInit(params, call) {
|
||||
return http.get('/poi/store/user/shop', params).then(call)
|
||||
}
|
||||
/**
|
||||
* 导购信息
|
||||
* @param params
|
||||
* @param call
|
||||
* @returns {Promise<any>}
|
||||
*/
|
||||
export function sellerInit(params, call) {
|
||||
return http.get('/poi/seller/user/seller', params).then(call)
|
||||
}
|
||||
|
||||
export default {
|
||||
listOfRetailCompany,
|
||||
listOfStoreByCompany,
|
||||
listOfSellerByStore,
|
||||
generalizeOfRetail,
|
||||
generalizeOfStore,
|
||||
generalizeOfSeller,
|
||||
storeInit,
|
||||
sellerInit
|
||||
}
|
||||
Loading…
Reference in New Issue