|
|
@ -5,20 +5,18 @@ |
|
|
<div class="search"> |
|
|
<div class="search"> |
|
|
<Card> |
|
|
<Card> |
|
|
<Tabs v-model="tabName" :animated="false" @on-click="changeOrderTab"> |
|
|
<Tabs v-model="tabName" :animated="false" @on-click="changeOrderTab"> |
|
|
<TabPane label="拼团单" name="0"></TabPane> |
|
|
<TabPane label="数据统计" name="0"></TabPane> |
|
|
<TabPane label="外卖单" name="1"></TabPane> |
|
|
|
|
|
<TabPane label="跑腿单" name="2"></TabPane> |
|
|
|
|
|
<TabPane :label="renderIeReportTabLabel" name="3"></TabPane> |
|
|
<TabPane :label="renderIeReportTabLabel" name="3"></TabPane> |
|
|
<TabPane label="i/e违规内容" name="4"></TabPane> |
|
|
<TabPane label="i/e违规内容" name="4"></TabPane> |
|
|
</Tabs> |
|
|
</Tabs> |
|
|
<Row v-if="tabName !== '3' && tabName !== '4'" @keydown.enter.native="handleSearch"> |
|
|
<Row v-if="tabName !== '3' && tabName !== '4'" @keydown.enter.native="handleSearch"> |
|
|
<Form ref="searchForm" :model="searchForm" inline :label-width="70"> |
|
|
<Form style="margin-left: -75px" ref="searchForm" :model="searchForm" inline :label-width="70"> |
|
|
<FormItem> |
|
|
<FormItem> |
|
|
<Row> |
|
|
<Row> |
|
|
<Button>昨日</Button> |
|
|
<Button @click="setQuickRange('yesterday')">昨日</Button> |
|
|
<Button>今日</Button> |
|
|
<Button @click="setQuickRange('today')">今日</Button> |
|
|
<Button>7日</Button> |
|
|
<Button @click="setQuickRange('7')">7日</Button> |
|
|
<Button>30日</Button> |
|
|
<Button @click="setQuickRange('30')">30日</Button> |
|
|
</Row> |
|
|
</Row> |
|
|
</FormItem> |
|
|
</FormItem> |
|
|
<FormItem> |
|
|
<FormItem> |
|
|
@ -55,6 +53,9 @@ |
|
|
</Row> |
|
|
</Row> |
|
|
</Card> |
|
|
</Card> |
|
|
<Card v-if="tabName !== '3' && tabName !== '4'"> |
|
|
<Card v-if="tabName !== '3' && tabName !== '4'"> |
|
|
|
|
|
<Alert show-icon style="margin-bottom: 16px;"> |
|
|
|
|
|
统计口径:订单按支付时间,退款/售后按成功时间,抽奖按开奖时间;流水和配送费已扣微信0.6%手续费,内容审核按每100次0.05元向上取整。 |
|
|
|
|
|
</Alert> |
|
|
<div style="border-left: 5px solid rgb(70, 130, 180);height: 20px;line-height: 20px;font-size: 18px;font-weight: 700;margin-bottom: 20px;padding-left: 7px;"> |
|
|
<div style="border-left: 5px solid rgb(70, 130, 180);height: 20px;line-height: 20px;font-size: 18px;font-weight: 700;margin-bottom: 20px;padding-left: 7px;"> |
|
|
订单数据 |
|
|
订单数据 |
|
|
</div> |
|
|
</div> |
|
|
@ -65,7 +66,7 @@ |
|
|
<Icon type="ios-briefcase" color="#fff" size="40" /> |
|
|
<Icon type="ios-briefcase" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.orderCount }}</div> |
|
|
<div>订单数量(单)</div> |
|
|
<div>订单数量(单)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -76,7 +77,7 @@ |
|
|
<Icon type="logo-buffer" color="#fff" size="40" /> |
|
|
<Icon type="logo-buffer" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.grossFlowAmount }}</div> |
|
|
<div>流水总金额(元)</div> |
|
|
<div>流水总金额(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -87,8 +88,8 @@ |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.effectiveFlowAmount }}</div> |
|
|
<div>支付总金额(元)</div> |
|
|
<div>有效流水总金额(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
@ -98,8 +99,8 @@ |
|
|
<Icon type="md-bookmarks" color="#fff" size="40" /> |
|
|
<Icon type="md-bookmarks" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.koiDiscountAmount }}</div> |
|
|
<div>活动总优惠(元)</div> |
|
|
<div>锦鲤总优惠(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
@ -112,30 +113,19 @@ |
|
|
<Icon type="md-alarm" color="#fff" size="40" /> |
|
|
<Icon type="md-alarm" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.onTimeRate }}</div> |
|
|
<div>配送总准时率(%)</div> |
|
|
<div>配送总准时率(%)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
<Col span="6"> |
|
|
|
|
|
<div style="display:flex;"> |
|
|
|
|
|
<div style="width:50px;height:50px;background:#32CD32;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
|
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
|
|
|
<div>优惠券优惠总金额(元)</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</Col> |
|
|
|
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#32CD32;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#32CD32;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="ios-book" color="#fff" size="40" /> |
|
|
<Icon type="ios-book" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.refundAmount }}</div> |
|
|
<div>配送费总金额(元)</div> |
|
|
<div>退款总金额(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
@ -145,26 +135,24 @@ |
|
|
<Icon type="md-bookmarks" color="#fff" size="40" /> |
|
|
<Icon type="md-bookmarks" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.afterSaleAmount }}</div> |
|
|
<div>配送费实际支付总金额(元)</div> |
|
|
<div>售后总金额(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
</Row> |
|
|
|
|
|
<div style="width:100%;height: 20px;"></div> |
|
|
|
|
|
<Row :gutter="16"> |
|
|
|
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#32CD32;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#32CD32;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.couponDiscountAmount }}</div> |
|
|
<div>返佣补贴金额(元)</div> |
|
|
<div>优惠券优惠总金额(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
</Row> |
|
|
</Row> |
|
|
|
|
|
<div style="width:100%;height: 20px;"></div> |
|
|
<div style="border-left: 5px solid rgb(70, 130, 180);height: 20px;line-height: 20px;font-size: 18px;font-weight: 700;margin: 20px 0;padding-left: 7px;"> |
|
|
<div style="border-left: 5px solid rgb(70, 130, 180);height: 20px;line-height: 20px;font-size: 18px;font-weight: 700;margin: 20px 0;padding-left: 7px;"> |
|
|
平台数据 |
|
|
平台数据 |
|
|
</div> |
|
|
</div> |
|
|
@ -172,69 +160,58 @@ |
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="ios-briefcase" color="#fff" size="40" /> |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.customerAverageAmount }}</div> |
|
|
<div>平台营收(元)</div> |
|
|
<div>客单价(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="logo-buffer" color="#fff" size="40" /> |
|
|
<Icon type="md-bookmarks" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.actualIncomeAmount }}</div> |
|
|
<div>平台补贴总金额(元)</div> |
|
|
<div>实际所得(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
<Icon type="md-alarm" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.headquartersDeductionAmount }}</div> |
|
|
<div>客单价(元)</div> |
|
|
<div>总部扣点(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="md-bookmarks" color="#fff" size="40" /> |
|
|
<Icon type="md-alarm" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.deliveryFeeAmount }}</div> |
|
|
<div>平台抽成(元)</div> |
|
|
<div>配送费总额(元)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
</Row> |
|
|
</Row> |
|
|
<div style="width:100%;height: 20px;"></div> |
|
|
<div style="width:100%;height: 20px;"></div> |
|
|
<Row :gutter="16"> |
|
|
<Row :gutter="16"> |
|
|
<Col span="6"> |
|
|
|
|
|
<div style="display:flex;"> |
|
|
|
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
|
|
|
<Icon type="md-alarm" color="#fff" size="40" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
|
|
|
<div>平台优惠券补贴总金额(元)</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</Col> |
|
|
|
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.smsCount }}</div> |
|
|
<div>平台配送费(元)</div> |
|
|
<div>短信总数</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
@ -244,108 +221,57 @@ |
|
|
<Icon type="ios-book" color="#fff" size="40" /> |
|
|
<Icon type="ios-book" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.contentAuditCount }}</div> |
|
|
<div>平台实际配送费(元)</div> |
|
|
<div>内容审核数</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
</Row> |
|
|
|
|
|
<div style="border-left: 5px solid rgb(70, 130, 180);height: 20px;line-height: 20px;font-size: 18px;font-weight: 700;margin: 20px 0;padding-left: 7px;"> |
|
|
|
|
|
商家数据 |
|
|
|
|
|
</div> |
|
|
|
|
|
<Row :gutter="16"> |
|
|
|
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#FFA500;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="ios-briefcase" color="#fff" size="40" /> |
|
|
<Icon type="ios-book" color="#fff" size="40" /> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
|
|
|
<div>外卖入驻商家数量(家)</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</Col> |
|
|
|
|
|
<Col span="6"> |
|
|
|
|
|
<div style="display:flex;"> |
|
|
|
|
|
<div style="width:50px;height:50px;background:#FFA500;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
|
|
|
<Icon type="logo-buffer" color="#fff" size="40" /> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.realNameAuthCount }}</div> |
|
|
<div>产生订单商家数量(家)</div> |
|
|
<div>实名认证数</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#FFA500;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#87CEFA;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ rewardTotalAmount }}</div> |
|
|
<div>外卖申请商家数量(家)</div> |
|
|
<div>抽奖奖励、排位奖励、配送奖励(元)</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</Col> |
|
|
|
|
|
<Col span="6"> |
|
|
|
|
|
<div style="display:flex;"> |
|
|
|
|
|
<div style="width:50px;height:50px;background:#FFA500;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
|
|
|
<Icon type="md-bookmarks" color="#fff" size="40" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
|
|
|
<div>冻结商家数量(家)</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
</Row> |
|
|
</Row> |
|
|
<div style="width:100%;height: 20px;"></div> |
|
|
<div style="width:100%;height: 20px;"></div> |
|
|
|
|
|
<div style="border-left: 5px solid rgb(70, 130, 180);height: 20px;line-height: 20px;font-size: 18px;font-weight: 700;margin: 20px 0;padding-left: 7px;"> |
|
|
|
|
|
商家数据 |
|
|
|
|
|
</div> |
|
|
<Row :gutter="16"> |
|
|
<Row :gutter="16"> |
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#FFA500;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#FFA500;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="md-alarm" color="#fff" size="40" /> |
|
|
<Icon type="logo-buffer" color="#fff" size="40" /> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
|
|
|
<div>商家补贴总金额(元)</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</Col> |
|
|
|
|
|
<Col span="6"> |
|
|
|
|
|
<div style="display:flex;"> |
|
|
|
|
|
<div style="width:50px;height:50px;background:#FFA500;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
|
|
|
<Icon type="logo-yen" color="#fff" size="40"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
|
|
|
<div>商家配送费(元)</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</Col> |
|
|
|
|
|
<Col span="6"> |
|
|
|
|
|
<div style="display:flex;"> |
|
|
|
|
|
<div style="width:50px;height:50px;background:#FFA500;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
|
|
|
<Icon type="ios-book" color="#fff" size="40" /> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.orderShopCount }}</div> |
|
|
<div>商家实际配送费(元)</div> |
|
|
<div>产生订单商家数量(家)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Col> |
|
|
</Col> |
|
|
</Row> |
|
|
|
|
|
<div style="border-left: 5px solid rgb(70, 130, 180);height: 20px;line-height: 20px;font-size: 18px;font-weight: 700;margin: 20px 0;padding-left: 7px;"> |
|
|
|
|
|
用户数据 |
|
|
|
|
|
</div> |
|
|
|
|
|
<Row :gutter="16"> |
|
|
|
|
|
<Col span="6"> |
|
|
<Col span="6"> |
|
|
<div style="display:flex;"> |
|
|
<div style="display:flex;"> |
|
|
<div style="width:50px;height:50px;background:#6495ED;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<div style="width:50px;height:50px;background:#6495ED;border-radius:5px;text-align:center;padding-top:5px;margin-right:10px;"> |
|
|
<Icon type="ios-briefcase" color="#fff" size="40" /> |
|
|
<Icon type="ios-briefcase" color="#fff" size="40" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<div style="font-weight:700;font-size:22px;">100</div> |
|
|
<div style="font-weight:700;font-size:22px;">{{ statistics.orderUserCount }}</div> |
|
|
<div>产生订单用户数</div> |
|
|
<div>产生订单用户数</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -406,7 +332,7 @@ |
|
|
getDictDataByType, |
|
|
getDictDataByType, |
|
|
} from "@/api/index"; |
|
|
} from "@/api/index"; |
|
|
import { |
|
|
import { |
|
|
getLogiticsCompanyData, |
|
|
getDataStatisticsSummary, |
|
|
} from "@/api/app"; |
|
|
} from "@/api/app"; |
|
|
import { |
|
|
import { |
|
|
ieReportPage, |
|
|
ieReportPage, |
|
|
@ -420,6 +346,14 @@ |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
tabName: "0", |
|
|
tabName: "0", |
|
|
|
|
|
selectDate: [], |
|
|
|
|
|
statisticsLoading: false, |
|
|
|
|
|
statistics: this.defaultStatistics(), |
|
|
|
|
|
options: { |
|
|
|
|
|
disabledDate(date) { |
|
|
|
|
|
return date && date.valueOf() > Date.now() |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
ieReportLoading: false, |
|
|
ieReportLoading: false, |
|
|
ieReportList: [], |
|
|
ieReportList: [], |
|
|
ieReportTotal: 0, |
|
|
ieReportTotal: 0, |
|
|
@ -518,6 +452,12 @@ |
|
|
computed: { |
|
|
computed: { |
|
|
ieMessageModalTitle() { |
|
|
ieMessageModalTitle() { |
|
|
return this.ieMessageSearch.roomId ? `房间聊天记录 #${this.ieMessageSearch.roomId}` : "房间聊天记录" |
|
|
return this.ieMessageSearch.roomId ? `房间聊天记录 #${this.ieMessageSearch.roomId}` : "房间聊天记录" |
|
|
|
|
|
}, |
|
|
|
|
|
rewardTotalAmount() { |
|
|
|
|
|
const total = this.toNumber(this.statistics.collegeRankRewardAmount) + |
|
|
|
|
|
this.toNumber(this.statistics.drawPoolAmount) + |
|
|
|
|
|
this.toNumber(this.statistics.deliveryRankRewardAmount) |
|
|
|
|
|
return total.toFixed(2) |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
@ -525,9 +465,39 @@ |
|
|
this.selectDate = [dayTime, dayTime] |
|
|
this.selectDate = [dayTime, dayTime] |
|
|
this.searchForm.startDate = dayTime |
|
|
this.searchForm.startDate = dayTime |
|
|
this.searchForm.endDate = dayTime |
|
|
this.searchForm.endDate = dayTime |
|
|
|
|
|
this.searchForm.regionId = this.resolveRegionId() |
|
|
|
|
|
this.getDataList() |
|
|
this.getIeReportPendingCount() |
|
|
this.getIeReportPendingCount() |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
defaultStatistics() { |
|
|
|
|
|
return { |
|
|
|
|
|
orderCount: 0, |
|
|
|
|
|
grossFlowAmount: "0.00", |
|
|
|
|
|
effectiveFlowAmount: "0.00", |
|
|
|
|
|
koiDiscountAmount: "0.00", |
|
|
|
|
|
onTimeRate: "0.00", |
|
|
|
|
|
refundAmount: "0.00", |
|
|
|
|
|
afterSaleAmount: "0.00", |
|
|
|
|
|
couponDiscountAmount: "0.00", |
|
|
|
|
|
customerAverageAmount: "0.00", |
|
|
|
|
|
actualIncomeAmount: "0.00", |
|
|
|
|
|
headquartersDeductionAmount: "0.00", |
|
|
|
|
|
deliveryFeeAmount: "0.00", |
|
|
|
|
|
smsCount: 0, |
|
|
|
|
|
contentAuditCount: 0, |
|
|
|
|
|
realNameAuthCount: 0, |
|
|
|
|
|
collegeRankRewardAmount: "0.00", |
|
|
|
|
|
drawPoolAmount: "0.00", |
|
|
|
|
|
deliveryRankRewardAmount: "0.00", |
|
|
|
|
|
orderShopCount: 0, |
|
|
|
|
|
orderUserCount: 0 |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
toNumber(value) { |
|
|
|
|
|
const num = Number(value) |
|
|
|
|
|
return Number.isNaN(num) ? 0 : num |
|
|
|
|
|
}, |
|
|
resolveRegionId() { |
|
|
resolveRegionId() { |
|
|
try { |
|
|
try { |
|
|
const user = this.getStore("user") |
|
|
const user = this.getStore("user") |
|
|
@ -756,9 +726,46 @@ |
|
|
let single = year + '-' + month + '-' + da //当天 |
|
|
let single = year + '-' + month + '-' + da //当天 |
|
|
return single |
|
|
return single |
|
|
}, |
|
|
}, |
|
|
|
|
|
formatDate(date) { |
|
|
|
|
|
let year = date.getFullYear().toString() |
|
|
|
|
|
let month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : (date.getMonth() + 1).toString() |
|
|
|
|
|
let day = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate().toString() |
|
|
|
|
|
return `${year}-${month}-${day}` |
|
|
|
|
|
}, |
|
|
|
|
|
setQuickRange(type) { |
|
|
|
|
|
const today = new Date() |
|
|
|
|
|
let start = new Date(today) |
|
|
|
|
|
let end = new Date(today) |
|
|
|
|
|
if (type === 'yesterday') { |
|
|
|
|
|
start.setDate(today.getDate() - 1) |
|
|
|
|
|
end.setDate(today.getDate() - 1) |
|
|
|
|
|
} else if (type === '7') { |
|
|
|
|
|
start.setDate(today.getDate() - 6) |
|
|
|
|
|
} else if (type === '30') { |
|
|
|
|
|
start.setDate(today.getDate() - 29) |
|
|
|
|
|
} |
|
|
|
|
|
this.selectDate = [this.formatDate(start), this.formatDate(end)] |
|
|
|
|
|
this.searchForm.startDate = this.selectDate[0] |
|
|
|
|
|
this.searchForm.endDate = this.selectDate[1] |
|
|
|
|
|
this.getDataList() |
|
|
|
|
|
}, |
|
|
|
|
|
selectDateRange(v) { |
|
|
|
|
|
this.searchForm.startDate = v && v[0] ? v[0] : "" |
|
|
|
|
|
this.searchForm.endDate = v && v[1] ? v[1] : "" |
|
|
|
|
|
}, |
|
|
|
|
|
getDataList() { |
|
|
|
|
|
this.statisticsLoading = true |
|
|
|
|
|
const params = Object.assign({}, this.searchForm, { |
|
|
|
|
|
regionId: this.resolveRegionId() |
|
|
|
|
|
}) |
|
|
|
|
|
getDataStatisticsSummary(params).then(res => { |
|
|
|
|
|
const data = res.result || res || {} |
|
|
|
|
|
this.statistics = Object.assign(this.defaultStatistics(), data) |
|
|
|
|
|
}).finally(() => { |
|
|
|
|
|
this.statisticsLoading = false |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
handleSearch() { |
|
|
handleSearch() { |
|
|
this.searchForm.pageNum = 1; |
|
|
|
|
|
this.searchForm.pageSize = 10; |
|
|
|
|
|
this.getDataList(); |
|
|
this.getDataList(); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|