Merge branch 'master' of gitee.com:beijing_hongye_huicheng/lilishop-ui
commit
709a3f71fd
|
@ -490,4 +490,24 @@ export const getHotWordsHistory = (params) => {
|
||||||
return getRequest(`/hotwords/hotwords/history`,params);
|
return getRequest(`/hotwords/hotwords/history`,params);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 获取文件目录列表
|
||||||
|
export const getFileDirectory = () => {
|
||||||
|
return getRequest(commonUrl+`/common/resource/fileDirectory`);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 添加文件目录
|
||||||
|
export const addFileDirectory = (params) => {
|
||||||
|
return postRequestWithNoForm(commonUrl+`/common/resource/fileDirectory`,params);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
// 修改文件目录
|
||||||
|
export const updateFileDirectory = (params) => {
|
||||||
|
return putRequestWithNoForm(commonUrl+`/common/resource/fileDirectory`,params);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
// 删除文件目录
|
||||||
|
export const delFileDirectory = (id) => {
|
||||||
|
return deleteRequest(commonUrl+`/common/resource/fileDirectory/${id}`);
|
||||||
|
};
|
||||||
|
|
|
@ -1,20 +1,20 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="breadcrumb">
|
<div class="breadcrumb">
|
||||||
<span @click="clickBreadcrumb(item,index)" :class="{'active':item.selected}" v-for="(item,index) in dateList"
|
<span @click="clickBreadcrumb(item, index)" :class="{ 'active': item.selected }" v-for="(item, index) in dateList"
|
||||||
:key="index"> {{item.title}}</span>
|
:key="index"> {{ item.title }}</span>
|
||||||
<div class="date-picker">
|
<div class="date-picker">
|
||||||
<Select @on-change="changeSelect(selectedWay)" v-model="month" placeholder="年月查询" clearable
|
<Select @on-change="changeSelect($event, selectedWay)" :value="month" placeholder="年月查询" clearable
|
||||||
style="width:200px;margin-left:10px;">
|
style="width:200px;margin-left:10px;">
|
||||||
<Option v-for="(item,index) in dates" :value="item.year+'-'+item.month" :key="index" clearable>
|
<Option v-for="(item, i) in dates" :value="item.year + '-' + item.month" :key="i" clearable>
|
||||||
{{ item.year+'年'+item.month+'月' }}</Option>
|
{{ item.year + '年' + item.month + '月' }}</Option>
|
||||||
</Select>
|
</Select>
|
||||||
</div>
|
</div>
|
||||||
<div class="shop-list" v-if="!closeShop">
|
<div class="shop-list" v-if="!closeShop">
|
||||||
<Select clearable @on-change="changeshop(selectedWay)" v-model="storeId" placeholder="店铺查询"
|
<Select clearable @on-change="changeshop(selectedWay)" v-model="storeId" placeholder="店铺查询"
|
||||||
style="width:200px;margin-left:10px;">
|
style="width:200px;margin-left:10px;">
|
||||||
<Scroll :on-reach-bottom="handleReachBottom">
|
<Scroll :on-reach-bottom="handleReachBottom">
|
||||||
<Option v-for="(item,index) in shopsData" :value="item.id" :key="index">{{ item.storeName }}</Option>
|
<Option v-for="(item, index) in shopsData" :value="item.id" :key="index">{{ item.storeName }}</Option>
|
||||||
</Scroll>
|
</Scroll>
|
||||||
</Select>
|
</Select>
|
||||||
</div>
|
</div>
|
||||||
|
@ -31,7 +31,7 @@ export default {
|
||||||
|
|
||||||
selectedWay: {
|
selectedWay: {
|
||||||
// 可选时间项
|
// 可选时间项
|
||||||
title: "最近7天",
|
title: "过去7天",
|
||||||
selected: true,
|
selected: true,
|
||||||
searchType: "LAST_SEVEN",
|
searchType: "LAST_SEVEN",
|
||||||
},
|
},
|
||||||
|
@ -56,12 +56,35 @@ export default {
|
||||||
searchType: "YESTERDAY",
|
searchType: "YESTERDAY",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "最近7天",
|
title: "过去7天",
|
||||||
selected: true,
|
selected: true,
|
||||||
searchType: "LAST_SEVEN",
|
searchType: "LAST_SEVEN",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "最近30天",
|
title: "过去30天",
|
||||||
|
selected: false,
|
||||||
|
searchType: "LAST_THIRTY",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
originDateList: [
|
||||||
|
// 筛选条件
|
||||||
|
{
|
||||||
|
title: "今天",
|
||||||
|
selected: false,
|
||||||
|
searchType: "TODAY",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "昨天",
|
||||||
|
selected: false,
|
||||||
|
searchType: "YESTERDAY",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "过去7天",
|
||||||
|
selected: true,
|
||||||
|
searchType: "LAST_SEVEN",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "过去30天",
|
||||||
selected: false,
|
selected: false,
|
||||||
searchType: "LAST_THIRTY",
|
searchType: "LAST_THIRTY",
|
||||||
},
|
},
|
||||||
|
@ -126,8 +149,8 @@ export default {
|
||||||
this.dates = dates.reverse();
|
this.dates = dates.reverse();
|
||||||
},
|
},
|
||||||
// 改变已选店铺
|
// 改变已选店铺
|
||||||
changeSelect() {
|
changeSelect(e) {
|
||||||
console.log(this.month);
|
this.month = e
|
||||||
if (this.month) {
|
if (this.month) {
|
||||||
this.dateList.forEach((res) => {
|
this.dateList.forEach((res) => {
|
||||||
res.selected = false;
|
res.selected = false;
|
||||||
|
@ -138,29 +161,36 @@ export default {
|
||||||
|
|
||||||
this.$emit("selected", this.selectedWay);
|
this.$emit("selected", this.selectedWay);
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
|
const current = this.dateList.find(item => { return item.selected })
|
||||||
|
this.selectedWay = current
|
||||||
|
this.clickBreadcrumb(current)
|
||||||
|
this.$emit("selected", this.selectedWay);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 变更时间
|
// 变更时间
|
||||||
clickBreadcrumb(item) {
|
clickBreadcrumb(item) {
|
||||||
this.dateList.forEach((res) => {
|
|
||||||
|
let currentIndex;
|
||||||
|
this.dateList.forEach((res,index) => {
|
||||||
res.selected = false;
|
res.selected = false;
|
||||||
|
if(res.title === item.title){
|
||||||
|
currentIndex = index
|
||||||
|
}
|
||||||
});
|
});
|
||||||
item.selected = true;
|
item.selected = true;
|
||||||
item.storeId = this.storeId;
|
item.storeId = this.storeId;
|
||||||
this.month = "";
|
this.month = "";
|
||||||
|
|
||||||
if (item.searchType == "") {
|
if (item.searchType == "") {
|
||||||
if (
|
let currentDate = this.originDateList[currentIndex].searchType
|
||||||
dateList.some((date) => {
|
if (currentDate) {
|
||||||
return date.title == item.title;
|
item.searchType = currentDate
|
||||||
})
|
|
||||||
) {
|
|
||||||
item.searchType = date.searchType;
|
|
||||||
} else {
|
} else {
|
||||||
item.searchType = "LAST_SEVEN";
|
item.searchType = "LAST_SEVEN";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
this.selectedWay = item;
|
this.selectedWay = item;
|
||||||
this.selectedWay.year = new Date().getFullYear();
|
this.selectedWay.year = new Date().getFullYear();
|
||||||
this.selectedWay.month = "";
|
this.selectedWay.month = "";
|
||||||
|
@ -174,17 +204,19 @@ export default {
|
||||||
.breadcrumb {
|
.breadcrumb {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
> span {
|
>span {
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
color: $theme_color;
|
color: $theme_color;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.date-picker {
|
|
||||||
}
|
.date-picker {}
|
||||||
|
|
||||||
.active:before {
|
.active:before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -5,6 +5,19 @@
|
||||||
<div class="div-flow-left">
|
<div class="div-flow-left">
|
||||||
<div class="div-form-default">
|
<div class="div-form-default">
|
||||||
<h3>退货申请</h3>
|
<h3>退货申请</h3>
|
||||||
|
<dl>
|
||||||
|
<dt>退货商品</dt>
|
||||||
|
<dd>
|
||||||
|
<div>
|
||||||
|
<img :src="afterSaleInfo.goodsImage" style="height: 60px">
|
||||||
|
</div>
|
||||||
|
<a @click="linkTo(afterSaleInfo.goodsId, afterSaleInfo.skuId)">{{ afterSaleInfo.goodsName }}
|
||||||
|
</a><br>
|
||||||
|
|
||||||
|
<span>{{ afterSaleInfo.num }}(数量)</span>
|
||||||
|
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>退货状态</dt>
|
<dt>退货状态</dt>
|
||||||
<dd>{{ afterSaleInfo.serviceName }}</dd>
|
<dd>{{ afterSaleInfo.serviceName }}</dd>
|
||||||
|
@ -155,43 +168,6 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="div-flow-center"></div>
|
<div class="div-flow-center"></div>
|
||||||
<div class="div-flow-right">
|
<div class="div-flow-right">
|
||||||
<div class="div-form-default">
|
|
||||||
<h3>相关商品交易信息</h3>
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
<img :src="afterSaleInfo.goodsImage" height="60px" />
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<div class="div-zoom">
|
|
||||||
<a @click="linkTo(afterSaleInfo.goodsId, afterSaleInfo.skuId)">{{
|
|
||||||
afterSaleInfo.goodsName
|
|
||||||
}}</a>
|
|
||||||
<Poptip trigger="hover" title="扫码在手机中查看" transfer>
|
|
||||||
<div slot="content">
|
|
||||||
<vue-qr
|
|
||||||
:text="wapLinkTo(afterSaleInfo.goodsId, afterSaleInfo.skuId)"
|
|
||||||
:margin="0"
|
|
||||||
colorDark="#000"
|
|
||||||
colorLight="#fff"
|
|
||||||
:size="150"
|
|
||||||
></vue-qr>
|
|
||||||
</div>
|
|
||||||
<img
|
|
||||||
src="../../../assets/qrcode.svg"
|
|
||||||
style="vertical-align: middle"
|
|
||||||
class="hover-pointer ml_10"
|
|
||||||
width="20"
|
|
||||||
height="20"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</Poptip>
|
|
||||||
</div>
|
|
||||||
<div style="color: #999; font-size: 10px">
|
|
||||||
数量:x{{ afterSaleInfo.num }}
|
|
||||||
</div>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
<div class="div-form-default">
|
<div class="div-form-default">
|
||||||
<h3>订单相关信息</h3>
|
<h3>订单相关信息</h3>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
|
@ -8,6 +8,13 @@
|
||||||
<dl>
|
<dl>
|
||||||
<dt>投诉商品</dt>
|
<dt>投诉商品</dt>
|
||||||
<dd>{{complaintInfo.goodsName}}</dd>
|
<dd>{{complaintInfo.goodsName}}</dd>
|
||||||
|
<dd>
|
||||||
|
<div>
|
||||||
|
<img :src="complaintInfo.goodsImage" style="height: 60px">
|
||||||
|
</div>
|
||||||
|
<a>{{ complaintInfo.goodsName }}</a><br>
|
||||||
|
<span>{{ complaintInfo.num }}(数量)</span>
|
||||||
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>投诉状态</dt>
|
<dt>投诉状态</dt>
|
||||||
|
@ -144,19 +151,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="div-flow-right">
|
<div class="div-flow-right">
|
||||||
<div class="div-form-default">
|
|
||||||
<h3>相关商品交易信息</h3>
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
<img :src="complaintInfo.goodsImage" height="60px">
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<a @click="linkTo(complaintInfo.goodsId, complaintInfo.skuId)">{{complaintInfo.goodsName}}</a><br>
|
|
||||||
<span>¥{{complaintInfo.goodsPrice}} * {{complaintInfo.num}}(数量)</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="div-form-default">
|
<div class="div-form-default">
|
||||||
<h3>订单相关信息</h3>
|
<h3>订单相关信息</h3>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
|
@ -66,6 +66,13 @@
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="decorate-view">
|
||||||
|
<div class="decorate-view-title">当前页面状态</div>
|
||||||
|
<div>
|
||||||
|
<Tag :type="result.pageShow === 'OPEN' ? 'green' : 'red'">{{result.pageShow === 'OPEN' ? '开启' : '关闭'}}</Tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -87,6 +94,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
result:"",
|
||||||
picModelFlag: false, //图片选择器
|
picModelFlag: false, //图片选择器
|
||||||
type: "full", // 是否全屏
|
type: "full", // 是否全屏
|
||||||
|
|
||||||
|
@ -131,6 +139,7 @@ export default {
|
||||||
res.result.pageData
|
res.result.pageData
|
||||||
? this.$set(this, "advertising", [JSON.parse(res.result.pageData)])
|
? this.$set(this, "advertising", [JSON.parse(res.result.pageData)])
|
||||||
: "";
|
: "";
|
||||||
|
this.result = res.result
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 点击链接
|
// 点击链接
|
||||||
|
|
|
@ -66,6 +66,13 @@
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="decorate-view">
|
||||||
|
<div class="decorate-view-title">当前页面状态</div>
|
||||||
|
<div>
|
||||||
|
<Tag :type="result.pageShow === 'OPEN' ? 'green' : 'red'">{{result.pageShow === 'OPEN' ? '开启' : '关闭'}}</Tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -90,6 +97,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
result:"",
|
||||||
picModelFlag: false, //图片选择器
|
picModelFlag: false, //图片选择器
|
||||||
type: "full", // 展示方式
|
type: "full", // 展示方式
|
||||||
//全屏广告
|
//全屏广告
|
||||||
|
@ -140,6 +148,7 @@ export default {
|
||||||
res.result.pageData
|
res.result.pageData
|
||||||
? this.$set(this, "advertising", [JSON.parse(res.result.pageData)])
|
? this.$set(this, "advertising", [JSON.parse(res.result.pageData)])
|
||||||
: "";
|
: "";
|
||||||
|
this.result = res.result
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 图片选择器回显
|
// 图片选择器回显
|
||||||
|
|
|
@ -172,18 +172,20 @@
|
||||||
<div>
|
<div>
|
||||||
<Table stripe :columns="columns" :data="data"></Table>
|
<Table stripe :columns="columns" :data="data"></Table>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- (index) => {
|
||||||
|
refundParams.pageNumber = index;
|
||||||
|
} -->
|
||||||
|
<!-- (size) => {
|
||||||
|
(refundParams.pageSize = size), (refundParams.pageNumber = 1);
|
||||||
|
} -->
|
||||||
<Page
|
<Page
|
||||||
v-if="showRecords"
|
v-if="showRecords"
|
||||||
size="small"
|
size="small"
|
||||||
@on-change="
|
@on-change="
|
||||||
(index) => {
|
pageNumberChange
|
||||||
refundParams.pageNumber = index;
|
|
||||||
}
|
|
||||||
"
|
"
|
||||||
@on-page-size-change="
|
@on-page-size-change="
|
||||||
(size) => {
|
pageSizeChange
|
||||||
(refundParams.pageSize = size), (refundParams.pageNumber = 1);
|
|
||||||
}
|
|
||||||
"
|
"
|
||||||
class="mt_10"
|
class="mt_10"
|
||||||
show-total
|
show-total
|
||||||
|
@ -523,6 +525,14 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
pageNumberChange(val){
|
||||||
|
this.refundParams.pageNumber = val
|
||||||
|
this.getOrderList();
|
||||||
|
},
|
||||||
|
pageSizeChange(val){
|
||||||
|
this.refundParams.pageSize = val
|
||||||
|
this.getOrderList();
|
||||||
|
},
|
||||||
// 订单图
|
// 订单图
|
||||||
initOrderChart() {
|
initOrderChart() {
|
||||||
// 默认已经加载 legend-filter 交互
|
// 默认已经加载 legend-filter 交互
|
||||||
|
@ -563,11 +573,13 @@ export default {
|
||||||
|
|
||||||
clickBreadcrumb(item, index) {
|
clickBreadcrumb(item, index) {
|
||||||
let callback = JSON.parse(JSON.stringify(item));
|
let callback = JSON.parse(JSON.stringify(item));
|
||||||
|
console.log("callback",callback)
|
||||||
this.orderParams = callback;
|
this.orderParams = callback;
|
||||||
|
|
||||||
this.overViewParams = callback;
|
this.overViewParams = callback;
|
||||||
this.refundParams = callback;
|
this.refundParams = callback;
|
||||||
|
this.refundParams.pageNumber = 1
|
||||||
|
this.refundParams.pageSize = 10
|
||||||
},
|
},
|
||||||
|
|
||||||
// 实例化订单概览
|
// 实例化订单概览
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1,45 +1,42 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="breadcrumb">
|
<div class="breadcrumb">
|
||||||
<span @click="clickBreadcrumb(item,index)" :class="{'active':item.selected}" v-for="(item,index) in dateList" :key="index"> {{item.title}}</span>
|
<span @click="clickBreadcrumb(item, index)" :class="{ 'active': item.selected }" v-for="(item, index) in dateList"
|
||||||
|
:key="index"> {{ item.title }}</span>
|
||||||
<div class="date-picker">
|
<div class="date-picker">
|
||||||
<Select @on-change="changeSelect(selectedWay)" v-model="month" placeholder="年月查询" style="width:200px;margin-left:10px;">
|
<Select @on-change="changeSelect($event, selectedWay)" :value="month" placeholder="年月查询"
|
||||||
<Option v-for="(item,index) in dates" :value="item.year+'-'+item.month" :key="index">{{ item.year+'年'+item.month+'月' }}</Option>
|
style="width:200px;margin-left:10px;">
|
||||||
|
<Option v-for="(item, index) in dates" :value="item.year + '-' + item.month" :key="index">{{
|
||||||
|
item.year + '年' + item.month + '月' }}</Option>
|
||||||
</Select>
|
</Select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import Cookies from "js-cookie";
|
import { getShopListData } from "@/api/shops.js";
|
||||||
export default {
|
export default {
|
||||||
props: ["closeShop"],
|
props: ["closeShop"],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
month: "", // 所选月份
|
month: "", // 月份
|
||||||
|
|
||||||
defuaultWay: {
|
|
||||||
title: "最近7天",
|
|
||||||
selected: true,
|
|
||||||
searchType: "LAST_SEVEN",
|
|
||||||
},
|
|
||||||
|
|
||||||
selectedWay: {
|
selectedWay: {
|
||||||
title: "最近7天",
|
// 可选时间项
|
||||||
|
title: "过去7天",
|
||||||
selected: true,
|
selected: true,
|
||||||
searchType: "LAST_SEVEN",
|
searchType: "LAST_SEVEN",
|
||||||
},
|
},
|
||||||
storeId: "", // 店铺id
|
storeId: "", // 店铺id
|
||||||
dates: [], // 日期列表
|
dates: [], // 日期列表
|
||||||
params: { // 请求参数
|
params: {
|
||||||
|
// 请求参数
|
||||||
pageNumber: 1,
|
pageNumber: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
storeName: "",
|
storeName: "",
|
||||||
storeId: "",
|
|
||||||
},
|
},
|
||||||
|
|
||||||
dateList: [
|
dateList: [
|
||||||
|
// 筛选条件
|
||||||
{
|
{
|
||||||
title: "今天",
|
title: "今天",
|
||||||
selected: false,
|
selected: false,
|
||||||
|
@ -51,23 +48,77 @@ export default {
|
||||||
searchType: "YESTERDAY",
|
searchType: "YESTERDAY",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "最近7天",
|
title: "过去7天",
|
||||||
selected: true,
|
selected: true,
|
||||||
searchType: "LAST_SEVEN",
|
searchType: "LAST_SEVEN",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "最近30天",
|
title: "过去30天",
|
||||||
selected: false,
|
selected: false,
|
||||||
searchType: "LAST_THIRTY",
|
searchType: "LAST_THIRTY",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
originDateList: [
|
||||||
|
// 筛选条件
|
||||||
|
{
|
||||||
|
title: "今天",
|
||||||
|
selected: false,
|
||||||
|
searchType: "TODAY",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "昨天",
|
||||||
|
selected: false,
|
||||||
|
searchType: "YESTERDAY",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "过去7天",
|
||||||
|
selected: true,
|
||||||
|
searchType: "LAST_SEVEN",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "过去30天",
|
||||||
|
selected: false,
|
||||||
|
searchType: "LAST_THIRTY",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
|
||||||
|
shopTotal: "", // 店铺总数
|
||||||
|
shopsData: [], // 店铺数据
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.storeId = JSON.parse(Cookies.get("userInfoSeller")).id;
|
|
||||||
this.getFiveYears();
|
this.getFiveYears();
|
||||||
|
this.getShopList();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 页面触底
|
||||||
|
handleReachBottom() {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (this.params.pageNumber * this.params.pageSize <= this.shopTotal) {
|
||||||
|
this.params.pageNumber++;
|
||||||
|
this.getShopList();
|
||||||
|
}
|
||||||
|
}, 1500);
|
||||||
|
},
|
||||||
|
// 查询店铺列表
|
||||||
|
getShopList() {
|
||||||
|
getShopListData(this.params).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
/**
|
||||||
|
* 解决数据请求中,滚动栏会一直上下跳动
|
||||||
|
*/
|
||||||
|
this.shopTotal = res.result.total;
|
||||||
|
|
||||||
|
this.shopsData.push(...res.result.records);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 变更店铺
|
||||||
|
changeshop(val) {
|
||||||
|
this.selectedWay.storeId = this.storeId;
|
||||||
|
this.$emit("selected", this.selectedWay);
|
||||||
|
},
|
||||||
|
|
||||||
// 获取近5年 年月
|
// 获取近5年 年月
|
||||||
getFiveYears() {
|
getFiveYears() {
|
||||||
let getYear = new Date().getFullYear();
|
let getYear = new Date().getFullYear();
|
||||||
|
@ -89,8 +140,9 @@ export default {
|
||||||
}
|
}
|
||||||
this.dates = dates.reverse();
|
this.dates = dates.reverse();
|
||||||
},
|
},
|
||||||
// 选择回调
|
// 改变已选店铺
|
||||||
changeSelect() {
|
changeSelect(e) {
|
||||||
|
this.month = e
|
||||||
if (this.month) {
|
if (this.month) {
|
||||||
this.dateList.forEach((res) => {
|
this.dateList.forEach((res) => {
|
||||||
res.selected = false;
|
res.selected = false;
|
||||||
|
@ -101,29 +153,36 @@ export default {
|
||||||
|
|
||||||
this.$emit("selected", this.selectedWay);
|
this.$emit("selected", this.selectedWay);
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
|
const current = this.dateList.find(item => { return item.selected })
|
||||||
|
this.selectedWay = current
|
||||||
|
this.clickBreadcrumb(current)
|
||||||
|
this.$emit("selected", this.selectedWay);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 点击时间筛选
|
// 变更时间
|
||||||
clickBreadcrumb(item) {
|
clickBreadcrumb(item) {
|
||||||
this.dateList.forEach((res) => {
|
|
||||||
|
let currentIndex;
|
||||||
|
this.dateList.forEach((res,index) => {
|
||||||
res.selected = false;
|
res.selected = false;
|
||||||
|
if(res.title === item.title){
|
||||||
|
currentIndex = index
|
||||||
|
}
|
||||||
});
|
});
|
||||||
item.selected = true;
|
item.selected = true;
|
||||||
item.storeId = this.storeId;
|
item.storeId = this.storeId;
|
||||||
this.month = "";
|
this.month = "";
|
||||||
|
if (item.searchType == "") {
|
||||||
if (item.searchType == "") {
|
let currentDate = this.originDateList[currentIndex].searchType
|
||||||
if (
|
if (currentDate) {
|
||||||
dateList.some((date) => {
|
item.searchType = currentDate
|
||||||
return date.title == item.title;
|
|
||||||
})
|
|
||||||
) {
|
|
||||||
item.searchType = date.searchType;
|
|
||||||
} else {
|
} else {
|
||||||
item.searchType = "LAST_SEVEN";
|
item.searchType = "LAST_SEVEN";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
this.selectedWay = item;
|
this.selectedWay = item;
|
||||||
this.selectedWay.year = new Date().getFullYear();
|
this.selectedWay.year = new Date().getFullYear();
|
||||||
this.selectedWay.month = "";
|
this.selectedWay.month = "";
|
||||||
|
@ -137,17 +196,20 @@ export default {
|
||||||
.breadcrumb {
|
.breadcrumb {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
> span {
|
|
||||||
|
>span {
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
color: $theme_color;
|
color: $theme_color;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.date-picker {
|
|
||||||
}
|
.date-picker {}
|
||||||
|
|
||||||
.active:before {
|
.active:before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -7,7 +7,13 @@
|
||||||
<h3>投诉信息</h3>
|
<h3>投诉信息</h3>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>投诉商品</dt>
|
<dt>投诉商品</dt>
|
||||||
<dd>{{ complaintInfo.goodsName }}</dd>
|
<dd>
|
||||||
|
<div>
|
||||||
|
<img :src="complaintInfo.goodsImage" style="height: 60px">
|
||||||
|
</div>
|
||||||
|
<a>{{ complaintInfo.goodsName }}</a><br>
|
||||||
|
<span>¥{{ complaintInfo.goodsPrice | unitPrice }} * {{ complaintInfo.num }}(数量)</span>
|
||||||
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>投诉状态</dt>
|
<dt>投诉状态</dt>
|
||||||
|
@ -160,19 +166,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="div-flow-right">
|
<div class="div-flow-right">
|
||||||
<div class="div-form-default">
|
|
||||||
<h3>相关商品交易信息</h3>
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
<img :src="complaintInfo.goodsImage" height="60px">
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<a>{{ complaintInfo.goodsName }}</a><br>
|
|
||||||
<span>¥{{ complaintInfo.goodsPrice | unitPrice }} * {{ complaintInfo.num }}(数量)</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="div-form-default">
|
<div class="div-form-default">
|
||||||
<h3>订单相关信息</h3>
|
<h3>订单相关信息</h3>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
|
@ -8,8 +8,15 @@
|
||||||
<div class="div-form-default">
|
<div class="div-form-default">
|
||||||
<h3>售后申请</h3>
|
<h3>售后申请</h3>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>售后状态</dt>
|
<dt>售后商品</dt>
|
||||||
<dd>{{filterStatus(afterSaleInfo.serviceStatus)}}</dd>
|
<dd>
|
||||||
|
<div>
|
||||||
|
<img :src="afterSaleInfo.goodsImage" style="height: 60px">
|
||||||
|
</div>
|
||||||
|
<a>{{ afterSaleInfo.goodsName }}</a><br>
|
||||||
|
<span>{{ afterSaleInfo.num }}(数量)</span>
|
||||||
|
</dd>
|
||||||
|
|
||||||
</dl>
|
</dl>
|
||||||
|
|
||||||
<dl>
|
<dl>
|
||||||
|
@ -155,20 +162,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="div-flow-right">
|
<div class="div-flow-right">
|
||||||
<div class="div-form-default">
|
|
||||||
<h3>相关商品交易信息</h3>
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
<img :src="afterSaleInfo.goodsImage" height="60px">
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<a>{{ afterSaleInfo.goodsName }}</a><br>
|
|
||||||
<span>{{ afterSaleInfo.num }}(数量)</span><br>
|
|
||||||
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="div-form-default">
|
<div class="div-form-default">
|
||||||
<h3>订单相关信息</h3>
|
<h3>订单相关信息</h3>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
|
@ -152,7 +152,7 @@
|
||||||
<div>
|
<div>
|
||||||
<Table stripe :columns="columns" :data="data"></Table>
|
<Table stripe :columns="columns" :data="data"></Table>
|
||||||
</div>
|
</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 @on-change="pageNumberChange" @on-page-size-change="pageSizeChange" class="mt_10" show-total show-elevator :total="total" />
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
|
@ -459,6 +459,14 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
pageNumberChange(val){
|
||||||
|
this.refundParams.pageNumber = val
|
||||||
|
this.getOrderList();
|
||||||
|
},
|
||||||
|
pageSizeChange(val){
|
||||||
|
this.refundParams.pageSize = val
|
||||||
|
this.getOrderList();
|
||||||
|
},
|
||||||
// 订单图
|
// 订单图
|
||||||
initOrderChart() {
|
initOrderChart() {
|
||||||
// 默认已经加载 legend-filter 交互
|
// 默认已经加载 legend-filter 交互
|
||||||
|
|
Loading…
Reference in New Issue