zhenghuang
/
bsdgy-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

推广数据

Browse Source
master
Caps 6 years ago
parent ddf3769b20
commit 93b5da6544
5 changed files with 239 additions and 166 deletions
Show Stats Download Patch File Download Diff File

11
src/pages/shop/IncreaseData.vue
Unescape Escape View File

@ -13,9 +13,7 @@
<Icon type="ios-construct" />
导购
</MenuItem>
<div style="text-align: right;padding-right: 20px;float: right">
<Button type="primary">导出数据</Button>
</div>
</Menu>
<div>
<router-view/>
@ -25,7 +23,12 @@
<script>
export default {
name: "IncreaseData"
name: "IncreaseData",
methods:{
exportData () {
}
}
}
</script>

74
src/pages/shop/IncreaseDataCompany.vue
Unescape Escape View File

@ -7,8 +7,8 @@
<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>
<DatePicker :value="selectDate" type="daterange" split-panels placeholder="请选择日期" @on-change="onChangeDateLister"
style="width: 200px"></DatePicker>
</i-col>
<i-col span="2" style="text-align: right;">
<span class="region">零售公司选择</span>
@ -21,18 +21,23 @@
<i-col span="4">
<Button type="primary" @click="generalizeOfRetail">查询</Button>
</i-col>
<div style="text-align: right;padding-right: 20px;float: right">
<Button type="primary" @click="exportData">导出数据</Button>
</div>
</Row>
</i-col>
</Row>
<Table :columns="columns1" :data="data1" style="margin-top: 20px;"></Table>
<Table ref="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>
placement="top" @on-change="handlePage" style="float: right;margin-top: 20px"></Page>
</div>
</template>
<script>
import IncreaseData from "../../services/generalize/IncreaseData";
export default {
name: "IncreaseDataCompany",
data() {
@ -50,19 +55,19 @@
key: 'retailCompany'
},
{
title: '总客户数',
title: '总好友数',
key: 'allCustomer'
},
{
title: '有效客户总数',
title: '有效好友总数',
key: 'effectiveCustomer'
},
{
title: '新增客户数',
title: '新增好友数',
key: 'newCustomer'
},
{
title: '新增有效客户数',
title: '新增有效好友数',
key: 'newEffectiveCustomer'
},
{
@ -70,7 +75,7 @@
key: 'avgNewCustomer'
},
{
title: '删除/拉黑成员客户数（累计）',
title: '删除/拉黑成员好友数（累计）',
key: 'delCustomer'
},
{
@ -82,25 +87,29 @@
//分页内容
totalSize: 0,
pageNum: 1,
pageSize: 20,
date:null,
pageSize: 10,
selectDate: [],
}
},
mounted: function () {
let startDate = this.$moment(new Date()).add(-30,"day").format("YYYY-MM-DD");
let endDate = this.$moment(new Date()).format("YYYY-MM-DD");
this.selectDate.push(startDate);
this.selectDate.push(endDate);
this.allCompany();
this.generalizeOfRetail();
},
methods: {
onChangeDateLister(date) {
this.date = date;
this.selectDate = date;
},
allCompany(){
allCompany() {
let that = this;
let request = {
userId:JSON.parse(sessionStorage.getItem("loginInfo")).userId
userId: JSON.parse(sessionStorage.getItem("loginInfo")).userId
};
this.companyList = [];
IncreaseData.listOfRetailCompany(request,function (data) {
IncreaseData.listOfRetailCompany(request, function (data) {
data = data.data;
if (data.code === '0001') {
that.$Message.error("查询零售公司出错!");
@ -111,26 +120,42 @@
}
})
},
generalizeOfRetail(){
generalizeOfRetail() {
if(this.selectDate[0] === ""){
this.$Message.info("请选择日期");
return
}
let request = {
date:this.date,
orgId:this.selectedCompany,
pageNum:this.pageNum,
pageSize:this.pageSize
startTime: this.selectDate[0],
endTime: this.selectDate[1],
orgId: this.selectedCompany,
pageNum: this.pageNum,
pageSize: this.pageSize
};
let that = this;
that.data1 = [];
IncreaseData.generalizeOfRetail(request,function (data) {
IncreaseData.generalizeOfRetail(request, function (data) {
data = data.data;
if(data.code === '0001'){
if (data.code === '0001') {
that.$Message.info("查询推广数据失败！");
return;
}
if(data.code === '0000'){
that.data1 = data.results;
if (data.code === '0000') {
that.data1 = data.results.dataVOS;
that.totalSize = data.results.sizeNum;
}
})
},
//切页处理
handlePage: function (value) {
this.pageNum = value;
this.generalizeOfRetail();
},
exportData(){
this.$refs.table.exportCsv({
filename: 'The original data'
});
},
}
}
</script>
@ -140,6 +165,7 @@
font-size: 14px;
line-height: 32px;
}
.row-style {
padding-top: 20px;
padding-bottom: 20px;

170
src/pages/shop/IncreaseDataStaff.vue
Unescape Escape View File

@ -7,14 +7,13 @@
<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>
<DatePicker @on-change="onChangeDateLister" :value="selectDate" type="daterange" split-panels placeholder="请选择日期" style="width: 200px"></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;">
<Select v-model="selectedCompany" @on-change="storeOfCompany" filterable style="width: 200px;">
<Option v-for="item in companyList" :value="item.id" :key="item.id">{{ item.name }}</Option>
</Select>
</i-col>
@ -22,7 +21,7 @@
<span class="region">店铺选择</span>
</i-col>
<i-col span="4" style="padding-left: 10px;">
<Select v-model="selectedStore" filterable style="width: 200px;">
<Select v-model="selectedStore" filterable style="width: 200px;" @on-change="sellerOfStore">
<Option v-for="item in storeList" :value="item.id" :key="item.id">{{ item.name }}</Option>
</Select>
</i-col>
@ -37,15 +36,19 @@
</i-col>
<i-col span="2">
<Button type="primary">查询</Button>
<Button type="primary" @click="generalizeOfSeller">查询</Button>
</i-col>
<div style="text-align: right;padding-right: 20px;float: right">
<Button type="primary" @click="exportData">导出数据</Button>
</div>
</Row>
</i-col>
</Row>
<Table :columns="columns1" :data="data1" style="margin-top: 20px;"></Table>
<Table :columns="columns1" :data="data1" style="margin-top: 20px;" ref="table"></Table>
<Page :total="totalSize" :current="pageNum" :page-size="pageSize" show-elevator show-total
placement="top" style="float: right;margin-top: 20px"></Page>
placement="top" @on-change="handlePage" style="float: right;margin-top: 20px"></Page>
</div>
</template>
@ -72,97 +75,70 @@
key: 'sellerName'
},
{
title: '所属零售公司',
key: 'retailName'
title: '工号',
key: 'sellerCode'
},
{
title: '所属门店',
key: 'storeName'
title: '所属店铺',
key: 'shopName'
},
{
title: '总客户数',
key: 'customerNum'
title: '编码',
key: 'shopCode'
},
{
title: '有效客户总数',
key: 'effectiveNum'
title: '所属零售公司',
key: 'companyName'
},
{
title: '新增客户数',
key: 'addNum'
title: '总好友数',
key: 'allCustomer'
},
{
title: '新增有效客户数',
key: 'addEffectiveNum'
title: '有效好友总数',
key: 'effectiveCustomer'
},
{
title: '日增有效好友平均',
key: 'avg'
}
],
data1: [
{
sellerName: '零售公司',
retailName: '零售公司',
storeName: '零售公司',
customerNum: 18,
effectiveNum: 18,
addNum: 99,
addEffectiveNum: 99,
avg: 80,
title: '新增好友数',
key: 'newCustomer'
},
{
sellerName: '零售公司',
retailName: '零售公司',
storeName: '零售公司',
customerNum: 18,
effectiveNum: 18,
addNum: 99,
addEffectiveNum: 99,
avg: 80,
title: '新增有效好友数',
key: 'newEffectiveCustomer'
},
{
sellerName: '零售公司',
retailName: '零售公司',
storeName: '零售公司',
customerNum: 18,
effectiveNum: 18,
addNum: 99,
addEffectiveNum: 99,
avg: 80,
},
{
sellerName: '零售公司',
retailName: '零售公司',
storeName: '零售公司',
customerNum: 18,
effectiveNum: 18,
addNum: 99,
addEffectiveNum: 99,
avg: 80,
},
title: '日增有效好友平均',
key: 'avgNewCustomer'
}
],
data1: [],
//分页内容
totalSize: 0,
pageNum: 1,
pageSize: 20,
pageSize: 10,
selectDate:[],
}
},
mounted: function () {
let startDate = this.$moment(new Date()).add(-30,"day").format("YYYY-MM-DD");
let endDate = this.$moment(new Date()).format("YYYY-MM-DD");
this.selectDate.push(startDate);
this.selectDate.push(endDate);
this.allCompany();
this.storeInit();
this.sellerInit();
this.generalizeOfSeller();
},
methods: {
onChangeDateLister: function () {
onChangeDateLister(date) {
this.selectDate = date;
},
allCompany(){
let that = this;
let request = {
userId:JSON.parse(sessionStorage.getItem("loginInfo")).userId
};
this.regionList = [];
this.companyList = [];
IncreaseData.listOfRetailCompany(request,function (data) {
data = data.data;
if (data.code === '0001') {
@ -170,13 +146,15 @@
return;
}
if (data.code === '0000') {
that.regionList = data.results;
that.companyList = data.results;
}
})
},
storeInit(){
let that = this;
let request = {};
let request = {
userId:JSON.parse(sessionStorage.getItem("loginInfo")).userId
};
this.storeList = [];
IncreaseData.storeInit(request,function (data) {
data = data.data;
@ -191,7 +169,9 @@
},
sellerInit(){
let that = this;
let request = {};
let request = {
userId:JSON.parse(sessionStorage.getItem("loginInfo")).userId
};
this.staffList = [];
IncreaseData.sellerInit(request,function (data) {
data = data.data;
@ -206,8 +186,11 @@
},
storeOfCompany(){
let that = this;
let request = {};
this.selectedStore = [];
this.selectedStore = "";
let request = {
orgId:this.selectedCompany
};
this.storeList = [];
IncreaseData.listOfStoreByCompany(request,function (data) {
data = data.data;
if (data.code === '0001') {
@ -215,14 +198,17 @@
return;
}
if (data.code === '0000') {
that.selectedStore = data.results;
that.storeList = data.results;
}
})
},
sellerOfStore(){
let that = this;
let request = {};
this.selectedStaff = [];
this.selectedStaff = "";
let request = {
shopId:this.selectedStore
};
this.staffList = [];
IncreaseData.listOfSellerByStore(request,function (data) {
data = data.data;
if (data.code === '0001') {
@ -230,10 +216,48 @@
return;
}
if (data.code === '0000') {
that.selectedStaff = data.results;
that.staffList = data.results;
}
})
},
generalizeOfSeller(){
if(this.selectDate[0] === ""){
this.$Message.info("请选择日期");
return
}
let that = this;
let request = {
startTime:this.selectDate[0],
endTime:this.selectDate[1],
orgId:this.selectedCompany,
shopId:this.selectedStore,
sellerId:this.selectedStaff,
pageNum:this.pageNum,
pageSize:this.pageSize,
};
this.data1 = [];
IncreaseData.generalizeOfSeller(request,function (data) {
data = data.data;
if (data.code === '0001') {
that.$Message.error("查询零售公司的店铺出错!");
return;
}
if (data.code === '0000') {
that.data1 = data.results.dataVOS;
that.totalSize = data.results.sizeNum;
}
})
},
//切页处理
handlePage:function (value) {
this.pageNum = value;
this.generalizeOfSeller();
},
exportData(){
this.$refs.table.exportCsv({
filename: 'The original data'
});
},
}
}
</script>

148
src/pages/shop/IncreaseDataStore.vue
Unescape Escape View File

@ -7,14 +7,13 @@
<p class="region">选择日期</p>
</i-col>
<i-col span="4" style="padding-left: 10px;">
<DatePicker type="date" placement="bottom-end" placeholder="请选择日期" style="width: 200px"
@on-change="onChangeDateLister"></DatePicker>
<DatePicker @on-change="onChangeDateLister" :value="selectDate" type="daterange" split-panels placeholder="请选择日期" style="width: 200px"></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;">
<Select v-model="selectedCompany" filterable style="width: 200px;" @on-change="storeOfCompany">
<Option v-for="item in companyList" :value="item.id" :key="item.id">{{ item.name }}</Option>
</Select>
</i-col>
@ -28,15 +27,18 @@
</i-col>
<i-col span="4">
<Button type="primary">查询</Button>
<Button type="primary" @click="generalizeOfStore">查询</Button>
</i-col>
<div style="text-align: right;padding-right: 20px;float: right">
<Button type="primary" @click="exportData">导出数据</Button>
</div>
</Row>
</i-col>
</Row>
<Table :columns="columns1" :data="data1" style="margin-top: 20px;"></Table>
<Table :columns="columns1" :data="data1" style="margin-top: 20px;" ref="table"></Table>
<Page :total="totalSize" :current="pageNum" :page-size="pageSize" show-elevator show-total
placement="top" style="float: right;margin-top: 20px"></Page>
placement="top" @on-change="handlePage" style="float: right;margin-top: 20px"></Page>
</div>
</template>
@ -46,6 +48,7 @@
name: "IncreaseDataStore",
data () {
return {
selectDate:[],
selectedCompany: null,
companyList: [],
selectedStore: null,
@ -57,97 +60,69 @@
type: 'index'
},
{
title: '零售公司名称',
key: 'retailName'
title: '店铺',
key: 'shopName'
},
{
title: '所属零售公司',
key: 'companyName'
},
{
title: '所属区域',
key: 'region'
},
{
title: '总客户数',
key: 'customerNum'
title: '总好友数',
key: 'allCustomer'
},
{
title: '有效客户总数',
key: 'effectiveNum'
title: '有效好友总数',
key: 'effectiveCustomer'
},
{
title: '新增客户数',
key: 'addNum'
title: '新增好友数',
key: 'newCustomer'
},
{
title: '新增有效客户数',
key: 'addEffectiveNum'
title: '新增有效好友数',
key: 'newEffectiveCustomer'
},
{
title: '日增有效好友平均',
key: 'avg'
key: 'avgNewCustomer'
},
{
title: '删除/拉黑成员客户数（累计）',
key: 'delNum'
title: '删除/拉黑成员好友数（累计）',
key: 'delCustomer'
},
{
title: '拉黑率（累计）',
key: 'delRate'
}
],
data1: [
{
retailName: '零售公司',
region: '区域',
customerNum: 18,
effectiveNum: 18,
addNum: 99,
addEffectiveNum: 99,
avg: 80,
delNum: 80,
delRate: '2%'
},
{
retailName: '零售公司',
region: '区域',
customerNum: 18,
effectiveNum: 18,
addNum: 99,
addEffectiveNum: 99,
avg: 80,
delNum: 80,
delRate: '2%'
},
{
retailName: '零售公司',
region: '区域',
customerNum: 18,
effectiveNum: 18,
addNum: 99,
addEffectiveNum: 99,
avg: 80,
delNum: 80,
delRate: '2%'
},
],
data1: [],
//分页内容
totalSize: 0,
pageNum: 1,
pageSize: 20,
pageSize: 10,
}
},
mounted: function () {
let startDate = this.$moment(new Date()).add(-30,"day").format("YYYY-MM-DD");
let endDate = this.$moment(new Date()).format("YYYY-MM-DD");
this.selectDate.push(startDate);
this.selectDate.push(endDate);
this.allCompany();
this.storeInit();
this.generalizeOfStore();
},
methods: {
onChangeDateLister: function () {
},
allCompany(){
let that = this;
let request = {
userId:JSON.parse(sessionStorage.getItem("loginInfo")).userId
};
this.regionList = [];
this.companyList = [];
IncreaseData.listOfRetailCompany(request,function (data) {
data = data.data;
if (data.code === '0001') {
@ -155,13 +130,15 @@
return;
}
if (data.code === '0000') {
that.regionList = data.results;
that.companyList = data.results;
}
})
},
storeInit(){
let that = this;
let request = {};
let request = {
userId:JSON.parse(sessionStorage.getItem("loginInfo")).userId
};
this.storeList = [];
IncreaseData.storeInit(request,function (data) {
data = data.data;
@ -175,9 +152,12 @@
})
},
storeOfCompany(){
this.selectedStore = null;
let that = this;
let request = {};
this.selectedStore = [];
let request = {
orgId:this.selectedCompany
};
this.storeList = [];
IncreaseData.listOfStoreByCompany(request,function (data) {
data = data.data;
if (data.code === '0001') {
@ -185,10 +165,50 @@
return;
}
if (data.code === '0000') {
that.selectedStore = data.results;
that.storeList = data.results;
}
})
},
generalizeOfStore(){
if(this.selectDate[0] === ""){
this.$Message.info("请选择日期");
return
}
let request = {
startTime:this.selectDate[0],
endTime:this.selectDate[1],
orgId:this.selectedCompany,
shopId:this.selectedStore,
pageNum:this.pageNum,
pageSize:this.pageSize,
};
let that = this;
that.data1 = [];
IncreaseData.generalizeOfStore(request,function (data) {
data = data.data;
if(data.code === '0001'){
that.$Message.info("查询门店推广数据失败！");
return;
}
if(data.code === '0000'){
that.data1 = data.results.dataVOS;
that.totalSize = data.results.sizeNum;
}
})
},
//切页处理
handlePage:function (value) {
this.pageNum = value;
this.generalizeOfStore();
},
onChangeDateLister(date) {
this.selectDate = date;
},
exportData(){
this.$refs.table.exportCsv({
filename: 'The original data'
});
},
}
}
</script>

2
src/services/generalize/IncreaseData.js
Unescape Escape View File

@ -82,7 +82,7 @@ export function storeInit(params, call) {
* @returns {Promise<any>}
*/
export function sellerInit(params, call) {
return http.get('/poi/seller/user/seller', params).then(call)
return http.post('/poi/seller/user/seller', params).then(call)
}
export default {

Write Preview
Loading…
Cancel
Save