|
@@ -48,93 +48,59 @@
|
|
|
v-show="showSearch"
|
|
|
label-width="80px"
|
|
|
>
|
|
|
- <el-form-item label="商品名称" prop="spuName">
|
|
|
+ <el-form-item prop="key">
|
|
|
<el-input
|
|
|
- v-model="queryParams.spuName"
|
|
|
- placeholder="请输入商品名称"
|
|
|
+ v-model="queryParams.key"
|
|
|
+ placeholder="请输入商品名称/订单编号/买家手机号搜索"
|
|
|
clearable
|
|
|
- style="width: 180px"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="订单编号" prop="userOrderSn">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.userOrderSn"
|
|
|
- placeholder="请输入订单编号"
|
|
|
- clearable
|
|
|
- style="width: 180px"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="买家手机号" prop="userPhone" label-width="140px">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.userPhone"
|
|
|
- placeholder="请输入下单用户手机号"
|
|
|
- clearable
|
|
|
- style="width: 180px"
|
|
|
+ style="width: 380px"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="下单时间" prop="createTime">
|
|
|
+
|
|
|
+ <el-form-item label="申请时间" prop="times">
|
|
|
<el-date-picker
|
|
|
- v-model="queryParams.createTime"
|
|
|
+ v-model="queryParams.times"
|
|
|
+ type="daterange"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
format="yyyy-MM-dd"
|
|
|
- type="date"
|
|
|
- placeholder="请选择下单时间"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ @change="pickerChange"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="售后状态" prop="orderStatusKey">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.orderStatusKey"
|
|
|
- placeholder="请选择支付方式"
|
|
|
- style="width: 180px"
|
|
|
- >
|
|
|
- <el-option label="已完成" value="ALREADY"> </el-option>
|
|
|
- <el-option label="已拒绝" value="ALREADY_REFUSE"> </el-option>
|
|
|
- <el-option label="待审核" value="WAIT_AUDIT"> </el-option>
|
|
|
-
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-form-item label="配送方式" prop="deliveryType ">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.deliveryType "
|
|
|
- placeholder="请选择支付方式"
|
|
|
- style="width: 180px"
|
|
|
- >
|
|
|
- <el-option label="自提" value="0"> </el-option>
|
|
|
- <el-option label="同城下单" value="1"> </el-option>
|
|
|
- <el-option label="异地下单" value="2"> </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item label="支付方式" prop="paymentType">
|
|
|
+
|
|
|
+ <el-form-item label="售后状态" prop="afterSaleStatus">
|
|
|
<el-select
|
|
|
- v-model="queryParams.paymentType"
|
|
|
- placeholder="请选择支付方式"
|
|
|
+ v-model="queryParams.afterSaleStatus"
|
|
|
+ placeholder="请选择售后状态"
|
|
|
style="width: 180px"
|
|
|
>
|
|
|
- <el-option label="支付宝" value="alipay"> </el-option>
|
|
|
- <el-option label="微信支付" value="wechat"> </el-option>
|
|
|
+ <el-option label="全部" value=""> </el-option>
|
|
|
+ <el-option label="未申请" value="0"> </el-option>
|
|
|
+ <el-option label="已申请" value="1"> </el-option>
|
|
|
+ <el-option label="审核失败" value="2"> </el-option>
|
|
|
+ <el-option label="审核成功(退款中)" value="3"> </el-option>
|
|
|
+ <el-option label="退款成功" value="4"> </el-option>
|
|
|
+ <el-option label="退款失败(联系客服解决)" value="5"> </el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-search"
|
|
|
+ size="mini"
|
|
|
+ @click="handleQuery"
|
|
|
>搜索</el-button
|
|
|
>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
+ >重置</el-button
|
|
|
+ >
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
- <!-- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- plain
|
|
|
- size="mini"
|
|
|
- @click="printOrderBtn"
|
|
|
- :disabled="!selectList.length > 0"
|
|
|
- >订单打印</el-button
|
|
|
- >
|
|
|
- </el-col> -->
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
type="primary"
|
|
@@ -159,7 +125,11 @@
|
|
|
|
|
|
<el-table-column label="商品图片" align="center" prop="skuPic">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-image :src="scope.row.skuPic" style="width: 60px; height: 60px"> </el-image>
|
|
|
+ <el-image
|
|
|
+ :src="scope.row.goodsImg ? scope.row.goodsImg : scope.row.skuPic"
|
|
|
+ style="width: 60px; height: 60px"
|
|
|
+ >
|
|
|
+ </el-image>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
@@ -173,44 +143,45 @@
|
|
|
>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="包装方式" align="center" prop="packageType">
|
|
|
+ <el-table-column label="包装方式" align="center" prop="packing">
|
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column label="规格名称" align="center" prop="specsName" />
|
|
|
<el-table-column label="规格值" align="center" prop="specsValue" />
|
|
|
- <el-table-column label="实付金额(元)" align="center" prop="goodsAmount">
|
|
|
- <template slot-scope="scope"> {{ scope.row.goodsAmount }}元 </template>
|
|
|
+ <el-table-column label="实付金额" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.paymentAmount }}元
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="订单编号" align="center" prop="userOrderSn" width="220" />
|
|
|
+ <el-table-column
|
|
|
+ label="订单编号"
|
|
|
+ align="center"
|
|
|
+ prop="carPayNo"
|
|
|
+ width="220"
|
|
|
+ />
|
|
|
<el-table-column label="买家姓名" align="center" prop="userNick" />
|
|
|
<el-table-column label="买家头像" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<el-avatar :size="40" :src="scope.row.userHeadUrl"></el-avatar>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="买家手机号" align="center" prop="userPhone" />
|
|
|
+ <el-table-column
|
|
|
+ label="买家手机号"
|
|
|
+ align="center"
|
|
|
+ prop="userPhone"
|
|
|
+ width="100"
|
|
|
+ />
|
|
|
|
|
|
<el-table-column
|
|
|
label="商品名称"
|
|
|
align="center"
|
|
|
prop="skuName"
|
|
|
width="150"
|
|
|
- :show-overflow-tooltip="true"
|
|
|
>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.title ? scope.row.title : scope.row.skuName }}
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <!-- <el-table-column label="配送方式" align="center" prop="paymentType" width="150">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{
|
|
|
- scope.row.deliveryType == "0"
|
|
|
- ? "自提"
|
|
|
- : scope.row.deliveryType == "1"
|
|
|
- ? "同城下单"
|
|
|
- : scope.row.deliveryType == "2"
|
|
|
- ? "异地下单"
|
|
|
- : ""
|
|
|
- }}
|
|
|
- </template>
|
|
|
- </el-table-column> -->
|
|
|
<el-table-column label="支付方式" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
{{
|
|
@@ -286,7 +257,12 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改参数配置对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
|
|
|
+ <el-dialog
|
|
|
+ :title="title"
|
|
|
+ :visible.sync="open"
|
|
|
+ width="1000px"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
<el-descriptions title="" column="3">
|
|
|
<el-descriptions-item label="售后状态">
|
|
|
<el-tag>
|
|
@@ -319,14 +295,18 @@
|
|
|
}}</el-descriptions-item>
|
|
|
<el-descriptions-item label="申请时间">
|
|
|
{{
|
|
|
- detailInfo.dxAfterSaleVO ? parseTime(detailInfo.dxAfterSaleVO.createTime) : ""
|
|
|
+ detailInfo.dxAfterSaleVO
|
|
|
+ ? parseTime(detailInfo.dxAfterSaleVO.createTime)
|
|
|
+ : ""
|
|
|
}}
|
|
|
</el-descriptions-item>
|
|
|
<el-descriptions-item label="问题描述">{{
|
|
|
detailInfo.dxAfterSaleVO ? detailInfo.dxAfterSaleVO.problemDesc : ""
|
|
|
}}</el-descriptions-item>
|
|
|
<el-descriptions-item label="实际退款金额(元)">{{
|
|
|
- detailInfo.dxAfterSaleVO ? detailInfo.dxAfterSaleVO.actualRefundAmount : ""
|
|
|
+ detailInfo.dxAfterSaleVO
|
|
|
+ ? detailInfo.dxAfterSaleVO.actualRefundAmount
|
|
|
+ : ""
|
|
|
}}</el-descriptions-item>
|
|
|
<el-descriptions-item label="退款时间">
|
|
|
{{
|
|
@@ -339,7 +319,7 @@
|
|
|
|
|
|
<el-descriptions title="订单详情" column="3">
|
|
|
<el-descriptions-item label="订单编号">{{
|
|
|
- detailInfo ? detailInfo.userOrderSn : ""
|
|
|
+ detailInfo ? detailInfo.carPayNo : ""
|
|
|
}}</el-descriptions-item>
|
|
|
<el-descriptions-item label="订单状态">
|
|
|
{{
|
|
@@ -476,7 +456,8 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="price" label="商品单价"> </el-table-column>
|
|
|
<el-table-column prop="quantity" label="下单数量"> </el-table-column>
|
|
|
- <el-table-column prop="totalPrice" label="总金额(元)"> </el-table-column>
|
|
|
+ <el-table-column prop="totalPrice" label="总金额(元)">
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
</el-dialog>
|
|
|
|
|
@@ -545,18 +526,17 @@ export default {
|
|
|
queryParams: {
|
|
|
pageNo: 1,
|
|
|
pageSize: 10,
|
|
|
- spuName: "",
|
|
|
- userOrderSn: "",
|
|
|
- userPhone: "",
|
|
|
- createTime: "",
|
|
|
- orderStatusKey: "",
|
|
|
- paymentType: "",
|
|
|
+ key: "",
|
|
|
+ afterSaleStatus: "",
|
|
|
+ placeOrderStartTime: "",
|
|
|
+ placeOrderEndTime: "",
|
|
|
+ times:[]
|
|
|
},
|
|
|
printForm: {
|
|
|
sn: "",
|
|
|
},
|
|
|
column: [
|
|
|
- { header: "订单编号", key: "userOrderSn", width: 20 },
|
|
|
+ { header: "订单编号", key: "carPayNo", width: 20 },
|
|
|
{ header: "买家姓名", key: "userNick", width: 20 },
|
|
|
{ header: "买家手机号", key: "userPhone", width: 20 },
|
|
|
{ header: "商品名称", key: "skuName", width: 20 },
|
|
@@ -587,6 +567,10 @@ export default {
|
|
|
this.getEquipmentList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ pickerChange(val) {
|
|
|
+ this.queryParams.placeOrderStartTime = val[0];
|
|
|
+ this.queryParams.placeOrderEndTime = val[1];
|
|
|
+ },
|
|
|
getEquipmentList() {
|
|
|
equipmentList().then((res) => {
|
|
|
if (res.code == 200) {
|
|
@@ -623,40 +607,47 @@ export default {
|
|
|
getList() {
|
|
|
this.selectList = [];
|
|
|
this.loading = true;
|
|
|
- queryAfterSalePage(this.addDateRange(this.queryParams, this.dateRange)).then(
|
|
|
- (response) => {
|
|
|
- let list = response.data.records;
|
|
|
- let totalList = [];
|
|
|
- for (let i = 0; i < list.length; i++) {
|
|
|
- if (list[i].goodsInfo) {
|
|
|
- var goods = JSON.parse(list[i].goodsInfo);
|
|
|
- for (let a = 0; a < goods.length; a++) {
|
|
|
- let bb = {};
|
|
|
- if (goods[a].specsValue.length > 0) {
|
|
|
- for (let s = 0; s < goods[a].specsValue.length; s++) {
|
|
|
- bb = {
|
|
|
- ...list[i],
|
|
|
- ...goods[a],
|
|
|
- ...goods[a].specsValue[s],
|
|
|
- };
|
|
|
- totalList.push(bb);
|
|
|
- }
|
|
|
- } else {
|
|
|
+ queryAfterSalePage(
|
|
|
+ this.addDateRange(this.queryParams, this.dateRange)
|
|
|
+ ).then((response) => {
|
|
|
+ let list = response.data.records;
|
|
|
+ let totalList = [];
|
|
|
+ for (let i = 0; i < list.length; i++) {
|
|
|
+ let as = "";
|
|
|
+
|
|
|
+ if (list[i].afterSaleGoodsInfo) {
|
|
|
+ as = list[i].afterSaleGoodsInfo;
|
|
|
+ } else {
|
|
|
+ as = list[i].goodsInfo;
|
|
|
+ }
|
|
|
+ if (as) {
|
|
|
+ var goods = JSON.parse(as);
|
|
|
+ for (let a = 0; a < goods.length; a++) {
|
|
|
+ let bb = {};
|
|
|
+ if (goods[a].specsValue.length > 0) {
|
|
|
+ for (let s = 0; s < goods[a].specsValue.length; s++) {
|
|
|
bb = {
|
|
|
...list[i],
|
|
|
...goods[a],
|
|
|
+ ...goods[a].specsValue[s],
|
|
|
};
|
|
|
totalList.push(bb);
|
|
|
}
|
|
|
+ } else {
|
|
|
+ bb = {
|
|
|
+ ...list[i],
|
|
|
+ ...goods[a],
|
|
|
+ };
|
|
|
+ totalList.push(bb);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- this.spuList = totalList;
|
|
|
- this.total = response.data.total;
|
|
|
- this.loading = false;
|
|
|
- console.log("loading", this.loading);
|
|
|
}
|
|
|
- );
|
|
|
+ this.spuList = totalList;
|
|
|
+ this.total = response.data.total;
|
|
|
+ this.loading = false;
|
|
|
+ console.log("loading", this.loading);
|
|
|
+ });
|
|
|
},
|
|
|
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
|
|
if (
|
|
@@ -671,10 +662,13 @@ export default {
|
|
|
columnIndex === 13 ||
|
|
|
columnIndex === 15
|
|
|
) {
|
|
|
- if (rowIndex === 0 || row.userOrderSn != this.spuList[rowIndex - 1].userOrderSn) {
|
|
|
+ if (
|
|
|
+ rowIndex === 0 ||
|
|
|
+ row.carPayNo != this.spuList[rowIndex - 1].carPayNo
|
|
|
+ ) {
|
|
|
let rowspan = 0;
|
|
|
this.spuList.forEach((element) => {
|
|
|
- if (element.userOrderSn === row.userOrderSn) {
|
|
|
+ if (element.carPayNo === row.carPayNo) {
|
|
|
rowspan++;
|
|
|
}
|
|
|
});
|
|
@@ -734,6 +728,8 @@ export default {
|
|
|
/** 重置按钮操作 */
|
|
|
resetQuery() {
|
|
|
this.dateRange = [];
|
|
|
+ this.queryParams.placeOrderStartTime = "";
|
|
|
+ this.queryParams.placeOrderEndTime = "";
|
|
|
this.resetForm("queryForm");
|
|
|
this.handleQuery();
|
|
|
},
|