mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2025-12-21 02:15:54 +08:00
管理端注释添加完成
This commit is contained in:
@@ -6,7 +6,6 @@
|
||||
</Card>
|
||||
</Affix>
|
||||
<Card class="card">
|
||||
|
||||
<Tabs @on-click="handleClickType">
|
||||
<TabPane label="热门商品订单数量" name="NUM">
|
||||
<Table :columns="columns" :data="data"></Table>
|
||||
@@ -26,9 +25,8 @@ import affixTime from "@/views/lili-components/affix-time";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
affixTime,
|
||||
memberLayout,
|
||||
memberLayout
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -63,11 +61,12 @@ export default {
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// tab切换
|
||||
handleClickType(name) {
|
||||
this.params.type = name;
|
||||
this.getData();
|
||||
},
|
||||
|
||||
// 条件删选
|
||||
clickBreadcrumb(item, index) {
|
||||
let callback = item;
|
||||
let type = this.params.type;
|
||||
@@ -75,6 +74,7 @@ export default {
|
||||
this.params.type = type;
|
||||
this.getData();
|
||||
},
|
||||
// 获取数据
|
||||
getData() {
|
||||
Promise.all([API_Goods.goodsStatistics(this.params)]).then((res) => {
|
||||
if (res[0].result) {
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
<Card class="card">
|
||||
<div>
|
||||
<h4>客户增长报表</h4>
|
||||
<Table style="margin-top:10px;" stripe :columns="columns" :data="data"></Table>
|
||||
<Table class="mt_10" stripe :columns="columns" :data="data"></Table>
|
||||
|
||||
</div>
|
||||
</Card>
|
||||
@@ -30,7 +30,6 @@ import affixTime from "@/views/lili-components/affix-time";
|
||||
|
||||
export default {
|
||||
components: { affixTime },
|
||||
|
||||
data() {
|
||||
return {
|
||||
columns: [ // 表头
|
||||
@@ -169,14 +168,14 @@ export default {
|
||||
|
||||
this.orderChart.render();
|
||||
},
|
||||
|
||||
// 条件查询
|
||||
clickBreadcrumb(item, index) {
|
||||
let callback = item;
|
||||
|
||||
console.warn(callback);
|
||||
this.params = {...callback};
|
||||
},
|
||||
|
||||
// 初始化数据
|
||||
init() {
|
||||
API_Member.getMemberStatistics(this.params).then((res) => {
|
||||
if (res.result) {
|
||||
|
||||
@@ -3,9 +3,7 @@
|
||||
<div class="wrapper">
|
||||
<Affix :offset-top="100">
|
||||
<Card class="card fixed-bottom">
|
||||
|
||||
<affixTime @selected="clickBreadcrumb" />
|
||||
|
||||
</Card>
|
||||
</Affix>
|
||||
|
||||
@@ -68,7 +66,7 @@
|
||||
</div>
|
||||
<div class="card-item">
|
||||
<div class="card-item-label">退单金额</div>
|
||||
<div class="card-item-value">{{overViewList.refundOrderPrice || 0}}</div>
|
||||
<div class="card-item-value">{{overViewList.refundOrderPrice || 0 | unitPrice('¥')}}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -155,7 +153,7 @@
|
||||
<Table stripe :columns="columns" :data="data"></Table>
|
||||
|
||||
</div>
|
||||
<Page @on-change="(index)=>{refundParams.pageNumber = index}" @on-page-size-change="(size)=>{refundParams.pageSize= size}" class="mt_10" show-total show-elevator :total="total" />
|
||||
<Page size="small" @on-change="(index)=>{refundParams.pageNumber = index}" @on-page-size-change="(size)=>{refundParams.pageSize= size,refundParams.pageNumber = 1}" class="mt_10" show-total show-sizer show-elevator :total="total" />
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
<span>创建时间</span>
|
||||
<span>{{res.createTime}}</span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<h3>商品详情</h3>
|
||||
<div class="shop-item">
|
||||
@@ -91,8 +91,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.wrapper {
|
||||
}
|
||||
|
||||
.shop {
|
||||
padding: 10px 0;
|
||||
background: #fff;
|
||||
@@ -139,13 +138,14 @@ h3 {
|
||||
}
|
||||
.label-item {
|
||||
margin: 10px 0;
|
||||
width: 20%;
|
||||
width: 33%;
|
||||
padding: 8px;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
> span {
|
||||
padding: 8px;
|
||||
> span:nth-child(1) {
|
||||
width: 70px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<div class="wrapper">
|
||||
|
||||
<div class="shop">
|
||||
<h3>售后详情</h3>
|
||||
<div class="shop-item">
|
||||
@@ -15,11 +14,11 @@
|
||||
|
||||
<div class="label-item">
|
||||
<span>退款时间</span>
|
||||
<span>{{res.refundTime || '暂无'}}</span>
|
||||
<span>{{res.refundTime ? (new Date(res.refundTime).getTime()/1000 | unixToDate) : '暂无'}}</span>
|
||||
</div>
|
||||
<div class="label-item">
|
||||
<span>申请退款金额</span>
|
||||
<span>{{res.applyRefundPrice || '0'}}</span>
|
||||
<span>{{res.applyRefundPrice || 0 | unitPrice('¥')}}</span>
|
||||
</div>
|
||||
<div class="label-item">
|
||||
<span>商家备注</span>
|
||||
@@ -44,7 +43,6 @@
|
||||
<span>创建时间</span>
|
||||
<span>{{res.createTime}}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<h3>商品详情</h3>
|
||||
<div class="shop-item">
|
||||
@@ -111,15 +109,12 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.wrapper {
|
||||
}
|
||||
.shop {
|
||||
padding: 10px 0;
|
||||
padding: 5px 0;
|
||||
background: #fff;
|
||||
}
|
||||
.shop-item {
|
||||
display: flex;
|
||||
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
h3 {
|
||||
@@ -158,13 +153,18 @@ h3 {
|
||||
}
|
||||
.label-item {
|
||||
margin: 10px 0;
|
||||
width: 20%;
|
||||
width: 33%;
|
||||
padding: 8px;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
> span {
|
||||
padding: 8px;
|
||||
> span:nth-child(1) {
|
||||
width: 90px;
|
||||
color: #999;
|
||||
}
|
||||
> span:nth-child(2){
|
||||
text-align: left;
|
||||
white-space: wrap;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -61,11 +61,8 @@ export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
// 时间
|
||||
|
||||
uvs: 0, // 访客数
|
||||
pvs: 0, // 浏览量
|
||||
|
||||
dateList: [
|
||||
// 选择项
|
||||
{
|
||||
@@ -89,14 +86,12 @@ export default {
|
||||
value: "LAST_THIRTY",
|
||||
},
|
||||
],
|
||||
|
||||
orderChart: "", // 初始化图表
|
||||
params: {
|
||||
// 请求参数
|
||||
searchType: "LAST_SEVEN",
|
||||
year: "",
|
||||
month: "",
|
||||
// storeId: "",
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
@@ -113,7 +108,7 @@ export default {
|
||||
},
|
||||
],
|
||||
|
||||
data: [], // 图标数据
|
||||
data: [], // 图表数据
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
@@ -129,11 +124,6 @@ export default {
|
||||
methods: {
|
||||
// 订单图
|
||||
initChart() {
|
||||
// 默认已经加载 legend-filter 交互
|
||||
/**
|
||||
* 将数据分成三组来进行展示
|
||||
*/
|
||||
|
||||
let uv = [];
|
||||
let pv = [];
|
||||
|
||||
@@ -186,13 +176,13 @@ export default {
|
||||
|
||||
this.orderChart.render();
|
||||
},
|
||||
|
||||
// 通过时间来筛选
|
||||
clickBreadcrumb(item, index) {
|
||||
let callback = JSON.parse(JSON.stringify(item));
|
||||
|
||||
this.params = callback;
|
||||
},
|
||||
|
||||
// 初始化数据
|
||||
init() {
|
||||
API_Member.getStatisticsList(this.params).then((res) => {
|
||||
if (res.result) {
|
||||
@@ -224,16 +214,11 @@ export default {
|
||||
.table {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.wrapper {
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
.box-item {
|
||||
display: flex;
|
||||
|
||||
flex-direction: column;
|
||||
width: 25%;
|
||||
font-weight: bold;
|
||||
// align-items: center;
|
||||
justify-content: center;
|
||||
> div {
|
||||
margin: 4px;
|
||||
|
||||
Reference in New Issue
Block a user