|
|
|
@ -18,7 +18,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
公司:<el-select v-model="company_ids" filterable style="margin-left: 20px;" placeholder="请选择公司">
|
|
|
|
|
公司:<el-select v-model="company_ids" multiple="" filterable style="margin-left: 20px;" placeholder="请选择公司">
|
|
|
|
|
<el-option v-for="item in company_options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
@ -27,139 +27,163 @@
|
|
|
|
|
<el-button type="warning" icon="el-icon-search" @click='Export()'>导出EXCEL</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table show-summary :data="tableData" stripe border style="width: 100%" id='table_excel'
|
|
|
|
|
:default-sort="{prop:'amount',order:'descending'}">
|
|
|
|
|
:default-sort="{prop:'amount',order:'descending'}" @expand-change="getTableDetail" >
|
|
|
|
|
<!-- <el-table-column type="expand"> -->
|
|
|
|
|
<!-- <template slot-scope="props">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
<el-table-column label="序号" fixed type="index" align="center" width="50">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="菜品分类" fixed width="120" prop="categ_name" sortable align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="合计" align="center" >
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column label="金额" fixed width="120" align="center" prop="all_amount" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单总量" fixed width="120" align="center" prop="all_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="商品数量" fixed width="120" align="center" prop="all_product_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="单均消费" fixed width="120" align="center" prop="all_avg_price" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="退单数" fixed width="120" align="center" prop="all_return_qty" sortable>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单类型" align="center">
|
|
|
|
|
<el-table-column label="堂食" width="120" align="center" sortable>
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="tangshi_amount" >
|
|
|
|
|
<el-table-column label="堂食" width="120" align="center">
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="tangshi_amount" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="tangshi_qty">
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="tangshi_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="tangshi_product_qty">
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="tangshi_product_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="tangshi_avg_price">
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="tangshi_avg_price" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="tangshi_return_qty">
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="tangshi_return_qty" sortable>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="外带" width="120" align="center" sortable>
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="waidai_amount" >
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="waidai_amount" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="waidai_qty">
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="waidai_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="waidai_product_qty">
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="waidai_product_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="waidai_avg_price">
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="waidai_avg_price" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="waidai_return_qty">
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="waidai_return_qty" sortable>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="电话外卖" width="120" align="center" sortable>
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="waimai_amount" >
|
|
|
|
|
<el-table-column label="电话外卖" width="120" align="center">
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="waimai_amount" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="waimai_qty">
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="waimai_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="waimai_product_qty">
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="waimai_product_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="waimai_avg_price">
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="waimai_avg_price" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="waimai_return_qty">
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="waimai_return_qty" sortable>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="餐桌" width="120" align="center" sortable>
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="canzhuo_amount" >
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="canzhuo_amount" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="canzhuo_qty">
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="canzhuo_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="canzhuo_product_qty">
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="canzhuo_product_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="canzhuo_avg_price">
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="canzhuo_avg_price" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="canzhuo_return_qty">
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="canzhuo_return_qty" sortable>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="美团外卖" width="120" align="center" sortable>
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="meituan_amount" >
|
|
|
|
|
<el-table-column label="美团外卖" width="120" align="center">
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="meituan_amount" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="meituan_qty">
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="meituan_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="meituan_product_qty">
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="meituan_product_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="meituan_avg_price">
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="meituan_avg_price" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="meituan_return_qty">
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="meituan_return_qty" sortable>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="饿了么" width="120" align="center" sortable>
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="eleme_amount" >
|
|
|
|
|
<el-table-column label="饿了么" width="120" align="center">
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="eleme_amount" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="eleme_qty">
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="eleme_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="eleme_product_qty">
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="eleme_product_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="eleme_avg_price">
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="eleme_avg_price" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="eleme_return_qty">
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="eleme_return_qty" sortable>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column label="百度外卖" width="120" align="center" sortable >
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="baidu_amount" >
|
|
|
|
|
<el-table-column label="百度外卖" width="120" align="center" sortable>
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="baidu_amount" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="baidu_qty">
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="baidu_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="baidu_product_qty">
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="baidu_product_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="baidu_avg_price">
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="baidu_avg_price" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="baidu_return_qty">
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="baidu_return_qty" sortable>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="微信点餐" width="120" align="center" sortable>
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="weixin_amount" >
|
|
|
|
|
<el-table-column label="微信点餐" width="120" align="center">
|
|
|
|
|
<el-table-column label="金额" width="120" align="center" prop="weixin_amount" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="weixin_qty">
|
|
|
|
|
<el-table-column label="订单总量" width="120" align="center" prop="weixin_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="weixin_product_qty">
|
|
|
|
|
<el-table-column label="商品数量" width="120" align="center" prop="weixin_product_qty" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="weixin_avg_price">
|
|
|
|
|
<el-table-column label="单均消费" width="120" align="center" prop="weixin_avg_price" sortable>
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="weixin_return_qty">
|
|
|
|
|
<el-table-column label="退单数" width="120" align="center" prop="weixin_return_qty" sortable>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
@ -193,11 +217,17 @@
|
|
|
|
|
fetchPost
|
|
|
|
|
} from "../utils/request"
|
|
|
|
|
import qs from 'qs'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
mixins: [createEcharts],
|
|
|
|
|
name: 'Demo',
|
|
|
|
|
components: {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
expends:[],
|
|
|
|
|
title: '菜品销售汇总',
|
|
|
|
|
handover: '',
|
|
|
|
|
date: '',
|
|
|
|
@ -227,6 +257,86 @@
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getTableDetail(row, expandeRows) {
|
|
|
|
|
|
|
|
|
|
// this.get_echart_data()
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
get_echart_data() {
|
|
|
|
|
|
|
|
|
|
var option = {
|
|
|
|
|
legend: {
|
|
|
|
|
top: 'bottom'
|
|
|
|
|
},
|
|
|
|
|
toolbox: {
|
|
|
|
|
show: true,
|
|
|
|
|
feature: {
|
|
|
|
|
mark: {
|
|
|
|
|
show: true
|
|
|
|
|
},
|
|
|
|
|
dataView: {
|
|
|
|
|
show: true,
|
|
|
|
|
readOnly: false
|
|
|
|
|
},
|
|
|
|
|
restore: {
|
|
|
|
|
show: true
|
|
|
|
|
},
|
|
|
|
|
saveAsImage: {
|
|
|
|
|
show: true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
series: [{
|
|
|
|
|
name: 'Nightingale Chart',
|
|
|
|
|
type: 'pie',
|
|
|
|
|
radius: [50, 250],
|
|
|
|
|
center: ['50%', '50%'],
|
|
|
|
|
roseType: 'area',
|
|
|
|
|
itemStyle: {
|
|
|
|
|
borderRadius: 8
|
|
|
|
|
},
|
|
|
|
|
data: [{
|
|
|
|
|
value: 40,
|
|
|
|
|
name: 'rose 1'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
value: 38,
|
|
|
|
|
name: 'rose 2'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
value: 32,
|
|
|
|
|
name: 'rose 3'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
value: 30,
|
|
|
|
|
name: 'rose 4'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
value: 28,
|
|
|
|
|
name: 'rose 5'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
value: 26,
|
|
|
|
|
name: 'rose 6'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
value: 22,
|
|
|
|
|
name: 'rose 7'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
value: 18,
|
|
|
|
|
name: 'rose 8'
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}]
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var echarts1 = this.initCreate(
|
|
|
|
|
"PIE_ECHART",
|
|
|
|
|
option
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
Export() {
|
|
|
|
|
this.$confirm("确定要导出文件到Excel?", "导出提示", {
|
|
|
|
|
//这里是加一个导出提示,根据个人喜好,可加可不加
|
|
|
|
@ -262,10 +372,10 @@
|
|
|
|
|
|
|
|
|
|
check_data() {
|
|
|
|
|
var self = this
|
|
|
|
|
if (this.date && this.company_ids && this.category_ids &&this.handover) {
|
|
|
|
|
if (this.date && this.company_ids && this.category_ids && this.handover) {
|
|
|
|
|
var postdata = {
|
|
|
|
|
'date': self.date,
|
|
|
|
|
'company_ids': self.company_ids,
|
|
|
|
|
'company_ids': self.company_ids.join(','),
|
|
|
|
|
'category_ids': self.category_ids.join(','),
|
|
|
|
|
'handover': self.handover.join(','),
|
|
|
|
|
}
|
|
|
|
@ -277,6 +387,7 @@
|
|
|
|
|
self.tableData = data.data
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
// this.get_echart_data()
|
|
|
|
|
// //查询数据
|
|
|
|
|
// this.tableData = [{
|
|
|
|
|
// organization: '组织机构',
|
|
|
|
|