|
|
@@ -31,208 +31,208 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 数据 -->
|
|
|
- <div v-if="employeeType === 0">
|
|
|
- <!-- 订单商品栏 -->
|
|
|
- <div class="order-all-num">
|
|
|
- <el-row type="flex" class="row-bg">
|
|
|
- <el-col :span="15" class="col-box">
|
|
|
- <div class="num-item-box">
|
|
|
- <div class="wait-payment-num order-num-item" @click="toOrderPage(1)">
|
|
|
- <div class="item-box">
|
|
|
- <div class="words">{{ $t("home.pendingOrders") }}</div>
|
|
|
- <div class="number">{{isTrueData(orderStateCount.unPay)}}</div>
|
|
|
- <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
- <span class="value">1.3%</span>
|
|
|
- <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
- <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- <div class="item-img">
|
|
|
- <img src="~@/assets/img/home/pendingPayment.png" >
|
|
|
- </div>
|
|
|
+
|
|
|
+ <!-- 订单商品栏 -->
|
|
|
+ <div class="order-all-num">
|
|
|
+ <el-row type="flex" class="row-bg">
|
|
|
+ <el-col :span="15" class="col-box">
|
|
|
+ <div class="num-item-box">
|
|
|
+ <div class="wait-payment-num order-num-item" @click="toOrderPage(1)">
|
|
|
+ <div class="item-box">
|
|
|
+ <div class="words">{{ $t("home.pendingOrders") }}</div>
|
|
|
+ <div class="number">{{isTrueData(orderStateCount.unPay)}}</div>
|
|
|
+ <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
+ <span class="value">1.3%</span>
|
|
|
+ <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
+ <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="item-img">
|
|
|
+ <img src="~@/assets/img/home/pendingPayment.png" >
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="num-item-box">
|
|
|
- <div class="wait-delivery-num order-num-item" @click="toOrderPage(2)">
|
|
|
- <div class="item-box">
|
|
|
- <div class="words">{{ $t("chat.pendingDelivery") }}</div>
|
|
|
- <div class="number">{{isTrueData(orderStateCount.payed)}}</div>
|
|
|
- <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
- <span class="value">1.3%</span>
|
|
|
- <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
- <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- <div class="item-img">
|
|
|
- <img src="~@/assets/img/home/pendingDelivery.png" >
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="num-item-box">
|
|
|
+ <div class="wait-delivery-num order-num-item" @click="toOrderPage(2)">
|
|
|
+ <div class="item-box">
|
|
|
+ <div class="words">{{ $t("chat.pendingDelivery") }}</div>
|
|
|
+ <div class="number">{{isTrueData(orderStateCount.payed)}}</div>
|
|
|
+ <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
+ <span class="value">1.3%</span>
|
|
|
+ <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
+ <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="item-img">
|
|
|
+ <img src="~@/assets/img/home/pendingDelivery.png" >
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="num-item-box">
|
|
|
- <div class="wait-receiving-goods-num order-num-item" @click="toOrderPage(3)">
|
|
|
- <div class="item-box">
|
|
|
- <div class="words">{{$t("chat.pendingReceipt")}}</div>
|
|
|
- <div class="number">{{isTrueData(orderStateCount.consignment)}}</div>
|
|
|
- <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
- <span class="value">1.3%</span>
|
|
|
- <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
- <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- <div class="item-img">
|
|
|
- <img src="~@/assets/img/home/afterSale.png" >
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="num-item-box">
|
|
|
+ <div class="wait-receiving-goods-num order-num-item" @click="toOrderPage(3)">
|
|
|
+ <div class="item-box">
|
|
|
+ <div class="words">{{$t("chat.pendingReceipt")}}</div>
|
|
|
+ <div class="number">{{isTrueData(orderStateCount.consignment)}}</div>
|
|
|
+ <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
+ <span class="value">1.3%</span>
|
|
|
+ <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
+ <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="item-img">
|
|
|
+ <img src="~@/assets/img/home/afterSale.png" >
|
|
|
</div>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="9" class="col-box">
|
|
|
- <div class="num-item-box">
|
|
|
- <div class="wait-evaluate-num order-num-item" @click="toOrderPage(5)">
|
|
|
- <div class="item-box">
|
|
|
- <div class="words">{{$t("chat.completed")}}</div>
|
|
|
- <div class="number">{{isTrueData(orderStateCount.success)}}</div>
|
|
|
- <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
- <span class="value">1.3%</span>
|
|
|
- <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
- <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- <div class="item-img">
|
|
|
- <img src="~@/assets/img/home/pendingReview.png" >
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9" class="col-box">
|
|
|
+ <div class="num-item-box">
|
|
|
+ <div class="wait-evaluate-num order-num-item" @click="toOrderPage(5)">
|
|
|
+ <div class="item-box">
|
|
|
+ <div class="words">{{$t("chat.completed")}}</div>
|
|
|
+ <div class="number">{{isTrueData(orderStateCount.success)}}</div>
|
|
|
+ <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
+ <span class="value">1.3%</span>
|
|
|
+ <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
+ <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="item-img">
|
|
|
+ <img src="~@/assets/img/home/pendingReview.png" >
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="num-item-box">
|
|
|
- <div class="wait-after-sales-num order-num-item" @click="toRefundOrderPage(1)">
|
|
|
- <div class="item-box">
|
|
|
- <div class="words">{{$t("order.reimburse")}}/{{$t("order.afterSale")}}</div>
|
|
|
- <div class="number">{{isTrueData(orderStateCount.refund)}}</div>
|
|
|
- <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
- <span class="value">1.3%</span>
|
|
|
- <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
- <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- <div class="item-img">
|
|
|
- <img src="~@/assets/img/home/totalOrderAmount.png" >
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="num-item-box">
|
|
|
+ <div class="wait-after-sales-num order-num-item" @click="toRefundOrderPage(1)">
|
|
|
+ <div class="item-box">
|
|
|
+ <div class="words">{{$t("order.reimburse")}}/{{$t("order.afterSale")}}</div>
|
|
|
+ <div class="number">{{isTrueData(orderStateCount.refund)}}</div>
|
|
|
+ <!-- <div :class="['seq',nowDate?'up':'down']">
|
|
|
+ <span class="value">1.3%</span>
|
|
|
+ <span :class="nowDate?'up-icon':'down-icon'"></span>
|
|
|
+ <span class="compare grap">同比昨日上升{{$t("home.payCustomers")}}</span>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="item-img">
|
|
|
+ <img src="~@/assets/img/home/totalOrderAmount.png" >
|
|
|
</div>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- 实时概况板块 -->
|
|
|
- <div class="realtime-situation">
|
|
|
- <!-- 实时概况 -->
|
|
|
- <div class="realtime">
|
|
|
- <el-row type="flex" class="row-bg">
|
|
|
- <el-col :span="15" class="col-item">
|
|
|
- <div class="realtime-left">
|
|
|
- <div class="title">
|
|
|
- <div class="t-title">{{$t("home.realTimeData")}}</div>
|
|
|
+ <!-- 实时概况板块 -->
|
|
|
+ <div class="realtime-situation">
|
|
|
+ <!-- 实时概况 -->
|
|
|
+ <div class="realtime">
|
|
|
+ <el-row type="flex" class="row-bg">
|
|
|
+ <el-col :span="15" class="col-item">
|
|
|
+ <div class="realtime-left">
|
|
|
+ <div class="title">
|
|
|
+ <div class="t-title">{{$t("home.realTimeData")}}</div>
|
|
|
<span class="title-time"
|
|
|
>{{ $t("home.updateTime") }}:{{ this.nowDate }} <span style="marginLeft:5px">{{this.nowTime}}</span></span>
|
|
|
- <div class="t-explain-item t-explain-first-item t-small-text t-today-data">{{$t("home.dataTodayActualTotal")}}</div>
|
|
|
- <div class="t-explain-item t-explain-second-item t-small-text t-yesterday-data">{{$t("home.dataYesterdayActualTotal")}}</div>
|
|
|
- </div>
|
|
|
- <!-- 图表 -->
|
|
|
- <div class="realtime-chart-box">
|
|
|
- <div
|
|
|
- id="real-time-data-chart"
|
|
|
- style="width: 100%; height: 250px"
|
|
|
- ></div>
|
|
|
- </div>
|
|
|
- <!-- /图表 -->
|
|
|
+ <div class="t-explain-item t-explain-first-item t-small-text t-today-data">{{$t("home.dataTodayActualTotal")}}</div>
|
|
|
+ <div class="t-explain-item t-explain-second-item t-small-text t-yesterday-data">{{$t("home.dataYesterdayActualTotal")}}</div>
|
|
|
+ </div>
|
|
|
+ <!-- 图表 -->
|
|
|
+ <div class="realtime-chart-box">
|
|
|
+ <div
|
|
|
+ id="real-time-data-chart"
|
|
|
+ style="width: 100%; height: 250px"
|
|
|
+ ></div>
|
|
|
+ </div>
|
|
|
+ <!-- /图表 -->
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9">
|
|
|
+ <!-- 数据统计 -->
|
|
|
+ <div class="realtime-right">
|
|
|
+ <div class="realtime-right-title">
|
|
|
+ {{$t("home.statistics")}}
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="9">
|
|
|
- <!-- 数据统计 -->
|
|
|
- <div class="realtime-right">
|
|
|
- <div class="realtime-right-title">
|
|
|
- {{$t("home.statistics")}}
|
|
|
- </div>
|
|
|
|
|
|
- <!-- 内容 -->
|
|
|
- <div class="realtime-right-box">
|
|
|
- <div class="realtime-right-box-left">
|
|
|
- <div class="payCustomers order-num-item">
|
|
|
- <div class="item-img">
|
|
|
- <img src="~@/assets/img/home/payCustomers.png" >
|
|
|
- </div>
|
|
|
- <div class="item-box">
|
|
|
- <div class="words">{{$t("home.payCustomers")}}</div>
|
|
|
- <div class="number">{{ isTrueData(this.dataInfo.payUserCount) }}</div>
|
|
|
- <div class="seq">
|
|
|
- <span class="value">{{this.dataInfo.yesterdayPayOrderRate>=0?'+':''}}{{ isTrueData(this.dataInfo.yesterdayPayOrderRate) | dataFormat }}%</span>
|
|
|
- <span class="compare grap">{{$t("home.sameAsYesterday")}}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <!-- 内容 -->
|
|
|
+ <div class="realtime-right-box">
|
|
|
+ <div class="realtime-right-box-left">
|
|
|
+ <div class="payCustomers order-num-item">
|
|
|
+ <div class="item-img">
|
|
|
+ <img src="~@/assets/img/home/payCustomers.png" >
|
|
|
</div>
|
|
|
- <div class="payCount order-num-item">
|
|
|
- <div class="item-img">
|
|
|
- <img src="~@/assets/img/home/payCount.png" >
|
|
|
- </div>
|
|
|
- <div class="item-box">
|
|
|
- <div class="words">{{$t("home.payCount")}}</div>
|
|
|
- <div class="number">{{ isTrueData(this.dataInfo.payOrderCount) }}</div>
|
|
|
- <div class="seq">
|
|
|
- <span class="value">{{this.dataInfo.yesterdayPayUserRate>=0?'+':''}}{{ isTrueData(this.dataInfo.yesterdayPayUserRate) | dataFormat }}%</span>
|
|
|
- <span class="compare grap">{{$t("home.sameAsYesterday")}}</span>
|
|
|
- </div>
|
|
|
+ <div class="item-box">
|
|
|
+ <div class="words">{{$t("home.payCustomers")}}</div>
|
|
|
+ <div class="number">{{ isTrueData(this.dataInfo.payUserCount) }}</div>
|
|
|
+ <div class="seq">
|
|
|
+ <span class="value">{{this.dataInfo.yesterdayPayOrderRate>=0?'+':''}}{{ isTrueData(this.dataInfo.yesterdayPayOrderRate) | dataFormat }}%</span>
|
|
|
+ <span class="compare grap">{{$t("home.sameAsYesterday")}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="realtime-right-box-right">
|
|
|
- <div class="refundAmount order-num-item">
|
|
|
- <div class="item-img">
|
|
|
- <img src="~@/assets/img/home/refundAmount.png" >
|
|
|
- </div>
|
|
|
- <div class="item-box">
|
|
|
- <div class="words">{{$t("order.refundAmount")}}{{$t("live.yuan")}}</div>
|
|
|
- <div class="number">{{ isTrueData(this.dataInfo.refund) }}</div>
|
|
|
- <div class="seq">
|
|
|
- <span class="value">{{this.dataInfo.yesterdayRefundRate>=0?'+':''}}{{ isTrueData(this.dataInfo.yesterdayRefundRate) | dataFormat }}%</span>
|
|
|
- <span class="compare grap">{{$t("home.sameAsYesterday")}}</span>
|
|
|
- </div>
|
|
|
+ <div class="payCount order-num-item">
|
|
|
+ <div class="item-img">
|
|
|
+ <img src="~@/assets/img/home/payCount.png" >
|
|
|
+ </div>
|
|
|
+ <div class="item-box">
|
|
|
+ <div class="words">{{$t("home.payCount")}}</div>
|
|
|
+ <div class="number">{{ isTrueData(this.dataInfo.payOrderCount) }}</div>
|
|
|
+ <div class="seq">
|
|
|
+ <span class="value">{{this.dataInfo.yesterdayPayUserRate>=0?'+':''}}{{ isTrueData(this.dataInfo.yesterdayPayUserRate) | dataFormat }}%</span>
|
|
|
+ <span class="compare grap">{{$t("home.sameAsYesterday")}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="pendingReview order-num-item">
|
|
|
- <div class="item-img">
|
|
|
- <img src="~@/assets/img/home/customerPrice.png" >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="realtime-right-box-right">
|
|
|
+ <div class="refundAmount order-num-item">
|
|
|
+ <div class="item-img">
|
|
|
+ <img src="~@/assets/img/home/refundAmount.png" >
|
|
|
+ </div>
|
|
|
+ <div class="item-box">
|
|
|
+ <div class="words">{{$t("order.refundAmount")}}{{$t("live.yuan")}}</div>
|
|
|
+ <div class="number">{{ isTrueData(this.dataInfo.refund) }}</div>
|
|
|
+ <div class="seq">
|
|
|
+ <span class="value">{{this.dataInfo.yesterdayRefundRate>=0?'+':''}}{{ isTrueData(this.dataInfo.yesterdayRefundRate) | dataFormat }}%</span>
|
|
|
+ <span class="compare grap">{{$t("home.sameAsYesterday")}}</span>
|
|
|
</div>
|
|
|
- <div class="item-box">
|
|
|
- <div class="words">{{$t("home.customerPrice")}}{{$t("live.yuan")}}</div>
|
|
|
- <div class="number">{{ isTrueData(this.dataInfo.onePrice) }}</div>
|
|
|
- <div class="seq">
|
|
|
- <span class="value">{{this.dataInfo.yesterdayOnePriceRate>=0?'+':''}}{{ isTrueData(this.dataInfo.yesterdayOnePriceRate) | dataFormat }}%</span>
|
|
|
- <span class="compare grap">{{$t("home.sameAsYesterday")}}</span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="pendingReview order-num-item">
|
|
|
+ <div class="item-img">
|
|
|
+ <img src="~@/assets/img/home/customerPrice.png" >
|
|
|
+ </div>
|
|
|
+ <div class="item-box">
|
|
|
+ <div class="words">{{$t("home.customerPrice")}}{{$t("live.yuan")}}</div>
|
|
|
+ <div class="number">{{ isTrueData(this.dataInfo.onePrice) }}</div>
|
|
|
+ <div class="seq">
|
|
|
+ <span class="value">{{this.dataInfo.yesterdayOnePriceRate>=0?'+':''}}{{ isTrueData(this.dataInfo.yesterdayOnePriceRate) | dataFormat }}%</span>
|
|
|
+ <span class="compare grap">{{$t("home.sameAsYesterday")}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- /数据统计 -->
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ </div>
|
|
|
+ <!-- /数据统计 -->
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
|
|
|
|
|
|
- </div>
|
|
|
</div>
|
|
|
- <!-- /实时概况板块 End -->
|
|
|
+ </div>
|
|
|
+ <!-- /实时概况板块 End -->
|
|
|
|
|
|
- <!-- 整体看板 -->
|
|
|
- <div class="whole-plate">
|
|
|
- <div class="related-income">
|
|
|
+ <!-- 整体看板 -->
|
|
|
+ <div class="whole-plate">
|
|
|
+ <div class="related-income">
|
|
|
<div class="title">
|
|
|
<div class="t-title">{{ $t("home.displays") }}</div>
|
|
|
- <span class="title-time"
|
|
|
- >{{ $t("home.updateTime") }}:{{ this.nowDate }} <span style="marginLeft:5px">{{this.nowTime}}</span></span>
|
|
|
+ <span class="title-time"
|
|
|
+ >{{ $t("home.updateTime") }}:{{ this.nowDate }} <span style="marginLeft:5px">{{this.nowTime}}</span></span>
|
|
|
<div class="t-explain-item t-explain-first-item t-small-text t-today-data">{{$t("home.businessPay")}}</div>
|
|
|
</div>
|
|
|
<div class="money">
|
|
|
- <!-- 当天支付金额 -->
|
|
|
+ <!-- 当天支付金额 -->
|
|
|
<div class="related-income-item">
|
|
|
<p class="item-tit">{{ $t("home.dayAmount") }}</p>
|
|
|
<p class="item-num">
|
|
|
@@ -241,7 +241,7 @@
|
|
|
}}</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
- <!-- 本月完成金额 -->
|
|
|
+ <!-- 本月完成金额 -->
|
|
|
<div class="related-income-item">
|
|
|
<p class="item-tit">{{ $t("home.monthAmount") }}</p>
|
|
|
<p class="item-num">
|
|
|
@@ -249,149 +249,145 @@
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 图表 -->
|
|
|
- <div
|
|
|
- class="integral-plate"
|
|
|
- ref="entirety"
|
|
|
- id="entirety-data-chart"
|
|
|
- style="width: 100%; height: 300px;"
|
|
|
- ></div>
|
|
|
-
|
|
|
- <!-- /图表 -->
|
|
|
</div>
|
|
|
- <!-- /整体看板 End -->
|
|
|
-
|
|
|
- <!-- 退款看板 -->
|
|
|
- <div class="refund-plate">
|
|
|
- <div class="ranking-box">
|
|
|
- <div class="ranking-left">
|
|
|
- <div class="ranking-title">{{ $t("home.refundReasonRank") }}</div>
|
|
|
- <div v-if="refundRankForCause.length">
|
|
|
- <table class="table" cellpadding="0" cellspacing="0">
|
|
|
- <tr class="table-tit gray">
|
|
|
- <td class="table-tit-item ranks padLeft">{{ $t("home.rank") }}</td>
|
|
|
- <td class="table-tit-item prods">{{ $t("home.reason") }}</td>
|
|
|
- <td class="table-tit-item refs">{{ $t("home.refundAmount") }}</td>
|
|
|
- <td class="table-tit-item prop">{{ $t("home.moneyRatio") }}</td>
|
|
|
- </tr>
|
|
|
- <tr
|
|
|
- v-for="(item, index) in refundRankForCause"
|
|
|
- :key="index"
|
|
|
- class="table-tit"
|
|
|
- >
|
|
|
- <td class="padLeft">{{ item[0] }}</td>
|
|
|
- <td>{{ item[1] }}</td>
|
|
|
- <td>{{ item[3] }}</td>
|
|
|
- <td>{{ item[4] }}%</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div v-else style="height:90%">
|
|
|
- <table class="table" cellpadding="0" cellspacing="0">
|
|
|
- <tr class="table-tit gray">
|
|
|
- <td class="table-tit-item ranks padLeft">{{ $t("home.rank") }}</td>
|
|
|
- <td class="table-tit-item prods">{{ $t("home.reason") }}</td>
|
|
|
- <td class="table-tit-item refs">{{ $t("home.refundAmount") }}</td>
|
|
|
- <td class="table-tit-item prop">{{ $t("home.moneyRatio") }}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <div class="sign-noData">暂无数据</div>
|
|
|
- </div>
|
|
|
+ <!-- 图表 -->
|
|
|
+ <div
|
|
|
+ class="integral-plate"
|
|
|
+ ref="entirety"
|
|
|
+ id="entirety-data-chart"
|
|
|
+ style="width: 100%; height: 300px;"
|
|
|
+ ></div>
|
|
|
+
|
|
|
+ <!-- /图表 -->
|
|
|
+ </div>
|
|
|
+ <!-- /整体看板 End -->
|
|
|
+
|
|
|
+ <!-- 退款看板 -->
|
|
|
+ <div class="refund-plate">
|
|
|
+ <div class="ranking-box">
|
|
|
+ <div class="ranking-left">
|
|
|
+ <div class="ranking-title">{{ $t("home.refundReasonRank") }}</div>
|
|
|
+ <div v-if="refundRankForCause.length">
|
|
|
+ <table class="table" cellpadding="0" cellspacing="0">
|
|
|
+ <tr class="table-tit gray">
|
|
|
+ <td class="table-tit-item ranks padLeft">{{ $t("home.rank") }}</td>
|
|
|
+ <td class="table-tit-item prods">{{ $t("home.reason") }}</td>
|
|
|
+ <td class="table-tit-item refs">{{ $t("home.refundAmount") }}</td>
|
|
|
+ <td class="table-tit-item prop">{{ $t("home.moneyRatio") }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr
|
|
|
+ v-for="(item, index) in refundRankForCause"
|
|
|
+ :key="index"
|
|
|
+ class="table-tit"
|
|
|
+ >
|
|
|
+ <td class="padLeft">{{ item[0] }}</td>
|
|
|
+ <td>{{ item[1] }}</td>
|
|
|
+ <td>{{ item[3] }}</td>
|
|
|
+ <td>{{ item[4] }}%</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
- <!-- 退款率 -->
|
|
|
- <div class="refund-rate-box">
|
|
|
- <div class="refund-chart-msg">
|
|
|
- <div class="msg-tit-txt">
|
|
|
- <p class="msg-tit">{{ $t("home.refundRateToday") }}</p>
|
|
|
- </div>
|
|
|
- <!--
|
|
|
- <div class="msg-txt-p">
|
|
|
- <p class="compare">
|
|
|
- <span class="compare-left">较前一日</span>
|
|
|
- <span class="compare-right">0.00%-</span>
|
|
|
- </p>
|
|
|
- <p class="compare">
|
|
|
- <span class="compare-left">较上周同期
|
|
|
- </span>
|
|
|
- <span class="compare-right">0.00%-</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- -->
|
|
|
- </div>
|
|
|
- <!-- 图表 -->
|
|
|
- <div
|
|
|
- class="refund-chart"
|
|
|
- id="refPer-chart"
|
|
|
- style="width: 100%; height: 450px"
|
|
|
- ></div>
|
|
|
- <!--/ 图表 -->
|
|
|
+ <div v-else style="height:90%">
|
|
|
+ <table class="table" cellpadding="0" cellspacing="0">
|
|
|
+ <tr class="table-tit gray">
|
|
|
+ <td class="table-tit-item ranks padLeft">{{ $t("home.rank") }}</td>
|
|
|
+ <td class="table-tit-item prods">{{ $t("home.reason") }}</td>
|
|
|
+ <td class="table-tit-item refs">{{ $t("home.refundAmount") }}</td>
|
|
|
+ <td class="table-tit-item prop">{{ $t("home.moneyRatio") }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div class="sign-noData">暂无数据</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 下 -->
|
|
|
- <div class="refund-chart-box">
|
|
|
- <div class="ranking-right">
|
|
|
- <div class="ranking-title">{{ $t("home.refundProRank") }}</div>
|
|
|
- <div v-if="refundRankForActualTotal.length">
|
|
|
- <table class="table table-con">
|
|
|
- <tr class="table-tit gray">
|
|
|
- <td class="table-tit-item rank padLeft">{{ $t("home.rank") }}</td>
|
|
|
- <td class="table-tit-item prod">{{ $t("home.product") }}</td>
|
|
|
- <td class="table-tit-item ref" style="textAlign:right">{{ $t("home.refundAmount") }}</td>
|
|
|
- </tr>
|
|
|
- <tr v-for="(item, index) in refundRankForActualTotal" :key="index">
|
|
|
- <td class="padLeft">{{ item[0] }}</td>
|
|
|
- <td class="line-clamp-one">{{ item[1] }}</td>
|
|
|
- <td style="textAlign:right">{{ item[2] }}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
+ <!-- 退款率 -->
|
|
|
+ <div class="refund-rate-box">
|
|
|
+ <div class="refund-chart-msg">
|
|
|
+ <div class="msg-tit-txt">
|
|
|
+ <p class="msg-tit">{{ $t("home.refundRateToday") }}</p>
|
|
|
</div>
|
|
|
- <div v-else style="height:90%">
|
|
|
- <table class="table table-con">
|
|
|
- <tr class="table-tit gray">
|
|
|
- <td class="table-tit-item rank padLeft">{{ $t("home.rank") }}</td>
|
|
|
- <td class="table-tit-item prod">{{ $t("home.product") }}</td>
|
|
|
- <td class="table-tit-item ref" style="textAlign:right">{{ $t("home.refundAmount") }}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <div class="sign-noData">暂无数据</div>
|
|
|
+ <!--
|
|
|
+ <div class="msg-txt-p">
|
|
|
+ <p class="compare">
|
|
|
+ <span class="compare-left">较前一日</span>
|
|
|
+ <span class="compare-right">0.00%-</span>
|
|
|
+ </p>
|
|
|
+ <p class="compare">
|
|
|
+ <span class="compare-left">较上周同期
|
|
|
+ </span>
|
|
|
+ <span class="compare-right">0.00%-</span>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
+ -->
|
|
|
</div>
|
|
|
- <!-- 成功退款金额(元) -->
|
|
|
- <div class="successed-refund">
|
|
|
- <div class="refund-chart-msg">
|
|
|
- <div class="msg-tit-txt">
|
|
|
- <p class="msg-tit">{{ $t("home.successfulRefundAmountToday") }}</p>
|
|
|
- </div>
|
|
|
- <!--
|
|
|
- <div class="msg-txt-p">
|
|
|
- <p class="compare">
|
|
|
- <span class="compare-left">较前一日</span>
|
|
|
- <span class="compare-right">0.00%-</span>
|
|
|
- </p>
|
|
|
- <p class="compare">
|
|
|
- <span class="compare-left">较上周同期
|
|
|
- </span>
|
|
|
- <span class="compare-right">0.00%-</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- -->
|
|
|
+ <!-- 图表 -->
|
|
|
+ <div
|
|
|
+ class="refund-chart"
|
|
|
+ id="refPer-chart"
|
|
|
+ style="width: 100%; height: 450px"
|
|
|
+ ></div>
|
|
|
+ <!--/ 图表 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 下 -->
|
|
|
+ <div class="refund-chart-box">
|
|
|
+ <div class="ranking-right">
|
|
|
+ <div class="ranking-title">{{ $t("home.refundProRank") }}</div>
|
|
|
+ <div v-if="refundRankForActualTotal.length">
|
|
|
+ <table class="table table-con">
|
|
|
+ <tr class="table-tit gray">
|
|
|
+ <td class="table-tit-item rank padLeft">{{ $t("home.rank") }}</td>
|
|
|
+ <td class="table-tit-item prod">{{ $t("home.product") }}</td>
|
|
|
+ <td class="table-tit-item ref" style="textAlign:right">{{ $t("home.refundAmount") }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(item, index) in refundRankForActualTotal" :key="index">
|
|
|
+ <td class="padLeft">{{ item[0] }}</td>
|
|
|
+ <td class="line-clamp-one">{{ item[1] }}</td>
|
|
|
+ <td style="textAlign:right">{{ item[2] }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div v-else style="height:90%">
|
|
|
+ <table class="table table-con">
|
|
|
+ <tr class="table-tit gray">
|
|
|
+ <td class="table-tit-item rank padLeft">{{ $t("home.rank") }}</td>
|
|
|
+ <td class="table-tit-item prod">{{ $t("home.product") }}</td>
|
|
|
+ <td class="table-tit-item ref" style="textAlign:right">{{ $t("home.refundAmount") }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div class="sign-noData">暂无数据</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 成功退款金额(元) -->
|
|
|
+ <div class="successed-refund">
|
|
|
+ <div class="refund-chart-msg">
|
|
|
+ <div class="msg-tit-txt">
|
|
|
+ <p class="msg-tit">{{ $t("home.successfulRefundAmountToday") }}</p>
|
|
|
+ </div>
|
|
|
+ <!--
|
|
|
+ <div class="msg-txt-p">
|
|
|
+ <p class="compare">
|
|
|
+ <span class="compare-left">较前一日</span>
|
|
|
+ <span class="compare-right">0.00%-</span>
|
|
|
+ </p>
|
|
|
+ <p class="compare">
|
|
|
+ <span class="compare-left">较上周同期
|
|
|
+ </span>
|
|
|
+ <span class="compare-right">0.00%-</span>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <!-- 图表 -->
|
|
|
- <div
|
|
|
- class="refund-chart"
|
|
|
- id="ref-chart"
|
|
|
- style="width: 100%; height: 450px"
|
|
|
- ></div>
|
|
|
- <!--/ 图表 -->
|
|
|
+ -->
|
|
|
</div>
|
|
|
+ <!-- 图表 -->
|
|
|
+ <div
|
|
|
+ class="refund-chart"
|
|
|
+ id="ref-chart"
|
|
|
+ style="width: 100%; height: 450px"
|
|
|
+ ></div>
|
|
|
+ <!--/ 图表 -->
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <h1 style="text-align: center; font-size: 100px">{{$store.state.user.shopName}}</h1>
|
|
|
+
|
|
|
</div>
|
|
|
<!-- /退款看板 -->
|
|
|
</div>
|
|
|
@@ -415,7 +411,6 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
- employeeType: this.$store.state.user.employeeType,
|
|
|
value: [0, 1],
|
|
|
sumPayActualTotal: 0.00,
|
|
|
dataForm: {},
|
|
|
@@ -454,31 +449,22 @@ export default {
|
|
|
contractStartTime: '', // 签约起始时间
|
|
|
contractEndTime: '', // 签约终止时间
|
|
|
closedReason: '' // 停业原因
|
|
|
- },
|
|
|
- employeeId:this.$store.state.user.employeeId
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
- created() {
|
|
|
- this.getAuditingInfo()
|
|
|
- },
|
|
|
mounted () {
|
|
|
- let user = this.$store.state.user
|
|
|
- this.employeeType = user.employeeType
|
|
|
- if(this.employeeType === 0){
|
|
|
- this.getpayActualTotalByDay()
|
|
|
- this.getpayActualTotalByHour()
|
|
|
- this.getOrderRefundDayByTime()
|
|
|
- this.getOrderCount()
|
|
|
- this.getRefundInfo()
|
|
|
- this.getRefundRankingByProd()
|
|
|
- this.getRefundRankingByReason()
|
|
|
- this.getpayInfo()
|
|
|
- this.getRefSumEchartData()
|
|
|
- this.getRefPerEchartData()
|
|
|
- this.getAuditingInfo()
|
|
|
- this.getEntiretyDataChart()
|
|
|
- }
|
|
|
-
|
|
|
+ this.getpayActualTotalByDay()
|
|
|
+ this.getpayActualTotalByHour()
|
|
|
+ this.getOrderRefundDayByTime()
|
|
|
+ this.getOrderCount()
|
|
|
+ this.getRefundInfo()
|
|
|
+ this.getRefundRankingByProd()
|
|
|
+ this.getRefundRankingByReason()
|
|
|
+ this.getpayInfo()
|
|
|
+ this.getRefSumEchartData()
|
|
|
+ this.getRefPerEchartData()
|
|
|
+ this.getAuditingInfo()
|
|
|
+ this.getEntiretyDataChart()
|
|
|
let erd = elementResizeDetectorMaker()
|
|
|
erd.listenTo(document.getElementById('entirety-data-chart'), this.resizeFunc)
|
|
|
},
|