|
|
@@ -6,7 +6,7 @@
|
|
|
<el-card shadow="always">
|
|
|
<div class="item">
|
|
|
<div style="padding: 10px">
|
|
|
- <span>全部上架商品</span>
|
|
|
+ <span>全部上架商品(个)</span>
|
|
|
</div>
|
|
|
<div class="count">
|
|
|
{{ Statistics ? Statistics.totalPutOnGoodsCount : 0 }}
|
|
|
@@ -18,9 +18,16 @@
|
|
|
<el-card shadow="always">
|
|
|
<div class="item">
|
|
|
<div style="padding: 10px">
|
|
|
- <span>单日销量</span>
|
|
|
- <el-popover placement="top-start" width="300" trigger="click">
|
|
|
+ <span>单日销量(元)</span>
|
|
|
+
|
|
|
+ <el-popover
|
|
|
+ placement="top-start"
|
|
|
+ width="300"
|
|
|
+ trigger="click"
|
|
|
+ v-model="popover"
|
|
|
+ >
|
|
|
<el-date-picker
|
|
|
+ @change="pickerChange"
|
|
|
v-model="timeDate"
|
|
|
type="date"
|
|
|
placeholder="选择日期"
|
|
|
@@ -32,8 +39,8 @@
|
|
|
slot="reference"
|
|
|
:style="
|
|
|
timeDate
|
|
|
- ? 'position: relative; left: 50px'
|
|
|
- : 'position: relative; left: 130px'
|
|
|
+ ? 'position: relative; left: 30px'
|
|
|
+ : 'position: relative; left: 100px'
|
|
|
"
|
|
|
>
|
|
|
{{ timeDate }}
|
|
|
@@ -51,7 +58,7 @@
|
|
|
<el-card shadow="always">
|
|
|
<div class="item">
|
|
|
<div style="padding: 10px">
|
|
|
- <span>退款总金额</span>
|
|
|
+ <span>退款总金额(元)</span>
|
|
|
</div>
|
|
|
<div class="count">
|
|
|
￥{{ Statistics ? Statistics.totalRefundPrice : 0 }}
|
|
|
@@ -63,7 +70,7 @@
|
|
|
<el-card shadow="always">
|
|
|
<div class="item">
|
|
|
<div style="padding: 10px">
|
|
|
- <span>销量统计</span>
|
|
|
+ <span>销量统计(元)</span>
|
|
|
</div>
|
|
|
<div class="count">{{ Statistics ? Statistics.totalSalePrice : 0 }}</div>
|
|
|
</div>
|
|
|
@@ -121,11 +128,7 @@
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <el-table
|
|
|
- v-loading="loading"
|
|
|
- :data="configList"
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
- >
|
|
|
+ <el-table v-loading="loading" :data="configList">
|
|
|
<!-- <el-table-column type="selection" width="55" align="center" /> -->
|
|
|
<el-table-column label="商品图片" align="center" prop="configId">
|
|
|
<template slot-scope="scope">
|
|
|
@@ -140,10 +143,10 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="商品名称" align="center" prop="spuName" />
|
|
|
<el-table-column label="分类" align="center" prop="categoryName" />
|
|
|
- <el-table-column label="价格" align="center" prop="price" />
|
|
|
+ <el-table-column label="价格(元)" align="center" prop="price" />
|
|
|
<el-table-column label="库存" align="center" prop="stock"> </el-table-column>
|
|
|
<el-table-column label="销量" align="center" prop="saleCount" />
|
|
|
- <el-table-column label="销售额" align="center" prop="salePrice" />
|
|
|
+ <el-table-column label="销售额(元)" align="center" prop="salePrice" />
|
|
|
<el-table-column label="状态" align="center" prop="spuStatus">
|
|
|
<template slot-scope="scope">
|
|
|
{{
|
|
|
@@ -200,13 +203,15 @@
|
|
|
<el-descriptions-item label="商品分类">
|
|
|
{{ form.categoryName }}</el-descriptions-item
|
|
|
>
|
|
|
- <el-descriptions-item label="商品价格"> {{ form.price }} </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="商品价格(元)">
|
|
|
+ {{ form.price }}
|
|
|
+ </el-descriptions-item>
|
|
|
<el-descriptions-item label="商品库存"> {{ form.stock }}</el-descriptions-item>
|
|
|
|
|
|
<el-descriptions-item label="商品销量">
|
|
|
{{ form.saleCount }}</el-descriptions-item
|
|
|
>
|
|
|
- <el-descriptions-item label="商品销售额">
|
|
|
+ <el-descriptions- item label="商品销售额(元)">
|
|
|
{{ form.salePrice }}</el-descriptions-item
|
|
|
>
|
|
|
<el-descriptions-item label="商品状态">
|
|
|
@@ -265,6 +270,7 @@ export default {
|
|
|
startTime: "",
|
|
|
endTime: "",
|
|
|
},
|
|
|
+ popover: false,
|
|
|
// 表单参数
|
|
|
form: {},
|
|
|
Statistics: {},
|
|
|
@@ -281,6 +287,14 @@ export default {
|
|
|
this.getStatistics();
|
|
|
},
|
|
|
methods: {
|
|
|
+ pickerChange() {
|
|
|
+ console.log(this.timeDate);
|
|
|
+ let params = {
|
|
|
+ startTime: this.timeDate,
|
|
|
+ };
|
|
|
+ this.getStatistics(params);
|
|
|
+ this.popover = false;
|
|
|
+ },
|
|
|
/** 查询参数列表 */
|
|
|
getList() {
|
|
|
this.loading = true;
|
|
|
@@ -290,13 +304,16 @@ export default {
|
|
|
this.loading = false;
|
|
|
});
|
|
|
},
|
|
|
- getStatistics() {
|
|
|
- getSalesStatistics().then((response) => {
|
|
|
+ getStatistics(params) {
|
|
|
+ let query = {};
|
|
|
+ if (params) {
|
|
|
+ query = params;
|
|
|
+ }
|
|
|
+ getSalesStatistics(query).then((response) => {
|
|
|
this.Statistics = response.data;
|
|
|
});
|
|
|
},
|
|
|
cascaderChange(val) {
|
|
|
- console.log(val);
|
|
|
if (val.length == 1) {
|
|
|
this.queryParams.categoryId = val[0];
|
|
|
} else if (val.length == 2) {
|
|
|
@@ -307,6 +324,8 @@ export default {
|
|
|
// this.getList();
|
|
|
},
|
|
|
categoryLazyLoad(node, resolve) {
|
|
|
+ console.log("123123123");
|
|
|
+
|
|
|
let that = this;
|
|
|
let level = node.level;
|
|
|
console.log(node);
|
|
|
@@ -339,11 +358,13 @@ export default {
|
|
|
value: item.id,
|
|
|
label: `${item.className}`,
|
|
|
leaf: level >= 1,
|
|
|
- // level: 2,
|
|
|
+ level: 1,
|
|
|
}));
|
|
|
// 通过调用resolve将子节点数据返回，通知组件数据加载完成
|
|
|
resolve(nodes);
|
|
|
});
|
|
|
+ } else {
|
|
|
+ resolve({});
|
|
|
}
|
|
|
},
|
|
|
|
|
|
@@ -369,6 +390,12 @@ export default {
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
+<style>
|
|
|
+/* .el-input__inner {
|
|
|
+ border: none;
|
|
|
+ padding: 0px;
|
|
|
+} */
|
|
|
+</style>
|
|
|
<style scoped lang="scss">
|
|
|
.header {
|
|
|
margin-bottom: 30px;
|
