640 lines
20 KiB
Vue
640 lines
20 KiB
Vue
|
<template>
|
|||
|
|
<div class="divBox relative">
|
|||
|
|
<el-card
|
|||
|
|
:bordered="false"
|
|||
|
|
shadow="never"
|
|||
|
|
class="ivu-mt"
|
|||
|
|
:body-style="{ padding: 0 }"
|
|||
|
|
v-if="checkPermi(['merchant:refund:order:page:list'])"
|
|||
|
|
>
|
|||
|
|
<div class="padding-add">
|
|||
|
|
<el-form size="small" inline label-position="right" @submit.native.prevent>
|
|||
|
|
<el-form-item label="退款单号：">
|
|||
|
|
<el-input
|
|||
|
|
v-model.trim="tableFrom.refundOrderNo"
|
|||
|
|
placeholder="请输入退款单号"
|
|||
|
|
class="form_content_width"
|
|||
|
|
size="small"
|
|||
|
|
clearable
|
|||
|
|
@keyup.enter.native="handleSearchList"
|
|||
|
|
>
|
|||
|
|
</el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="订单编号：" label-width="66px">
|
|||
|
|
<el-input
|
|||
|
|
v-model.trim="tableFrom.orderNo"
|
|||
|
|
placeholder="请输入订单号"
|
|||
|
|
class="form_content_width"
|
|||
|
|
size="small"
|
|||
|
|
clearable
|
|||
|
|
>
|
|||
|
|
</el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="时间选择：">
|
|||
|
|
<el-date-picker
|
|||
|
|
v-model="timeVal"
|
|||
|
|
value-format="yyyy-MM-dd"
|
|||
|
|
format="yyyy-MM-dd"
|
|||
|
|
size="small"
|
|||
|
|
type="daterange"
|
|||
|
|
placement="bottom-end"
|
|||
|
|
range-separator="-"
|
|||
|
|
start-placeholder="开始日期"
|
|||
|
|
end-placeholder="结束日期"
|
|||
|
|
class="form_content_width"
|
|||
|
|
@change="onchangeTime"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="用户搜索：" label-for="nickname">
|
|||
|
|
<UserSearchInput v-model="tableFrom" />
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="退货物流：" label-width="66px">
|
|||
|
|
<el-input
|
|||
|
|
v-model.trim="tableFrom.trackingNumber"
|
|||
|
|
placeholder="请输入退货物流单号"
|
|||
|
|
class="selWidth"
|
|||
|
|
size="small"
|
|||
|
|
clearable
|
|||
|
|
@keyup.enter.native="handleSearchList"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-button type="primary" size="small" @click="handleSearchList">查询</el-button>
|
|||
|
|
<el-button size="small" @click="handleReset">重置</el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
</div>
|
|||
|
|
</el-card>
|
|||
|
|
<el-card class="box-card mt14" :body-style="{ padding: '0 20px 20px',position: 'relative' }" shadow="never" :bordered="false">
|
|||
|
|
<el-tabs class="list-tabs" v-model="tableFrom.refundStatus" @tab-click="handleSearchList">
|
|||
|
|
<el-tab-pane name="9" :label="`全部(${orderChartType.all || 0})`"></el-tab-pane>
|
|||
|
|
<el-tab-pane name="0" :label="`待审核(${orderChartType.await || 0})`"></el-tab-pane>
|
|||
|
|
<el-tab-pane name="2" :label="`退款中(${orderChartType.refunding || 0})`"></el-tab-pane>
|
|||
|
|
<el-tab-pane name="4" :label="`用户退货(${orderChartType.awaitReturning || 0})`"></el-tab-pane>
|
|||
|
|
<el-tab-pane name="5" :label="`商家待收货(${orderChartType.awaitReceiving || 0})`"></el-tab-pane>
|
|||
|
|
<el-tab-pane name="6" :label="`已撤销(${orderChartType.revoke || 0})`"></el-tab-pane>
|
|||
|
|
<el-tab-pane name="1" :label="`审核未通过(${orderChartType.reject || 0})`"></el-tab-pane>
|
|||
|
|
<el-tab-pane name="3" :label="`已退款(${orderChartType.refunded || 0})`"></el-tab-pane>
|
|||
|
|
</el-tabs>
|
|||
|
|
<el-table
|
|||
|
|
v-loading="listLoading"
|
|||
|
|
:data="tableData.data"
|
|||
|
|
size="small"
|
|||
|
|
class="table mt5"
|
|||
|
|
highlight-current-row
|
|||
|
|
:row-key="
|
|||
|
|
(row) => {
|
|||
|
|
return row.refundOrderNo;
|
|||
|
|
}
|
|||
|
|
"
|
|||
|
|
>
|
|||
|
|
<el-table-column label="退款单号" min-width="185" v-if="checkedCities.includes('退款单号')">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<div class="acea-row">
|
|||
|
|
<span v-show="scope.row.type === 1" class="iconfont icon-shipinhao mr5" style="color: #f6ae02"></span>
|
|||
|
|
<span style="display: block" v-text="scope.row.refundOrderNo" />
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="orderNo" label="订单号" min-width="180" v-if="checkedCities.includes('订单号')" />
|
|||
|
|
<el-table-column
|
|||
|
|
prop="userNickName"
|
|||
|
|
label="用户昵称"
|
|||
|
|
min-width="180"
|
|||
|
|
v-if="checkedCities.includes('用户昵称')"
|
|||
|
|
/>
|
|||
|
|
<el-table-column
|
|||
|
|
prop="refundPrice"
|
|||
|
|
label="退款金额"
|
|||
|
|
min-width="100"
|
|||
|
|
v-if="checkedCities.includes('退款金额')"
|
|||
|
|
/>
|
|||
|
|
<el-table-column label="退款状态" min-width="100" v-if="checkedCities.includes('退款状态')">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<span :class="tagClass[scope.row.refundStatus]" class="tag-padding">{{
|
|||
|
|
scope.row.refundStatus | refundStatusFilter
|
|||
|
|
}}</span>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="售后类型" min-width="100" v-if="checkedCities.includes('售后类型')">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<span>{{ scope.row.afterSalesType === 1 ? '仅退款' : '退货退款' }}</span>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="退货类型" min-width="100" v-if="checkedCities.includes('退货类型')">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<span>{{
|
|||
|
|
scope.row.returnGoodsType === 0 ? '不退货' : scope.row.returnGoodsType === 1 ? '快递退回' : '到店退货'
|
|||
|
|
}}</span>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="强制退款" min-width="100" v-if="checkedCities.includes('强制退款')">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<span>{{ scope.row.isCompulsoryRefund ? '是' : '不是' }}</span>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="createTime" label="创建时间" min-width="150" v-if="checkedCities.includes('创建时间')" />
|
|||
|
|
<el-table-column width="190" fixed="right">
|
|||
|
|
<template slot="header">
|
|||
|
|
<p>
|
|||
|
|
<span style="padding-right: 5px">操作</span>
|
|||
|
|
<i class="el-icon-setting" @click="handleAddItem"></i>
|
|||
|
|
</p>
|
|||
|
|
</template>
|
|||
|
|
<!-- 售后状态：0:待审核 1:商家拒绝 2：退款中 3:已退款 4:用户退货 5:商家待收货 6:已撤销 9:全部-->
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<a
|
|||
|
|
v-if="
|
|||
|
|
scope.row.refundStatus !== 0 &&
|
|||
|
|
scope.row.refundStatus !== 5 &&
|
|||
|
|
checkPermi(['merchant:refund:order:detail'])
|
|||
|
|
"
|
|||
|
|
@click="onOrderDetails(scope.row)"
|
|||
|
|
>详情</a
|
|||
|
|
>
|
|||
|
|
<template v-if="scope.row.refundStatus === 0 && checkPermi(['merchant:refund:order:audit'])">
|
|||
|
|
<a @click="handleApprovedReview(scope.row)">同意</a>
|
|||
|
|
<el-divider direction="vertical"></el-divider>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="scope.row.refundStatus === 0 && checkPermi(['merchant:refund:order:audit'])">
|
|||
|
|
<a @click="handleOrderRefuse(scope.row)">拒绝</a>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="scope.row.refundStatus === 5 && checkPermi(['merchant:refund:order:receiving:reject'])">
|
|||
|
|
<a @click="handleRefuseReceipt(scope.row)">拒绝</a>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="scope.row.refundStatus === 5 && checkPermi(['merchant:refund:order:receiving'])">
|
|||
|
|
<el-divider direction="vertical"></el-divider>
|
|||
|
|
<a
|
|||
|
|
v-debounceClick="
|
|||
|
|
() => {
|
|||
|
|
handleConfirmReceipt(scope.row.refundOrderNo);
|
|||
|
|
}
|
|||
|
|
"
|
|||
|
|
>确认收货</a
|
|||
|
|
>
|
|||
|
|
</template>
|
|||
|
|
<el-divider direction="vertical"></el-divider>
|
|||
|
|
<el-dropdown trigger="click" v-if="scope.row.refundStatus === 0 || scope.row.refundStatus === 5">
|
|||
|
|
<span class="el-dropdown-link"> 更多<i class="el-icon-arrow-down el-icon--right" /> </span>
|
|||
|
|
<el-dropdown-menu slot="dropdown">
|
|||
|
|
<el-dropdown-item
|
|||
|
|
v-if="checkPermi(['merchant:refund:order:detail'])"
|
|||
|
|
@click.native="onOrderDetails(scope.row)"
|
|||
|
|
>详情
|
|||
|
|
</el-dropdown-item>
|
|||
|
|
<el-dropdown-item
|
|||
|
|
@click.native="onOrderMark(scope.row)"
|
|||
|
|
v-if="checkPermi(['merchant:refund:order:mark'])"
|
|||
|
|
>备注
|
|||
|
|
</el-dropdown-item>
|
|||
|
|
</el-dropdown-menu>
|
|||
|
|
</el-dropdown>
|
|||
|
|
<a
|
|||
|
|
@click="onOrderMark(scope.row)"
|
|||
|
|
v-if="
|
|||
|
|
checkPermi(['merchant:refund:order:mark']) &&
|
|||
|
|
scope.row.refundStatus !== 0 &&
|
|||
|
|
scope.row.refundStatus !== 5
|
|||
|
|
"
|
|||
|
|
>备注</a
|
|||
|
|
>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
<div class="block">
|
|||
|
|
<el-pagination
|
|||
|
|
background
|
|||
|
|
:page-sizes="$constants.page.limit"
|
|||
|
|
:page-size="tableFrom.limit"
|
|||
|
|
:current-page="tableFrom.page"
|
|||
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|||
|
|
:total="tableData.total"
|
|||
|
|
@size-change="handleSizeChange"
|
|||
|
|
@current-change="pageChange"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
<div class="card_abs" v-show="card_select_show">
|
|||
|
|
<template>
|
|||
|
|
<div class="cell_ht">
|
|||
|
|
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"
|
|||
|
|
>全选
|
|||
|
|
</el-checkbox>
|
|||
|
|
<el-button type="text" @click="checkSave()">保存</el-button>
|
|||
|
|
</div>
|
|||
|
|
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
|
|||
|
|
<el-checkbox v-for="item in columnData" :label="item" :key="item" class="check_cell">{{ item }}</el-checkbox>
|
|||
|
|
</el-checkbox-group>
|
|||
|
|
</template>
|
|||
|
|
</div>
|
|||
|
|
</el-card>
|
|||
|
|
<!--退款详情-->
|
|||
|
|
<refund-order-detail
|
|||
|
|
ref="orderDetail"
|
|||
|
|
:drawerVisible="drawerVisible"
|
|||
|
|
:refundOrderNo="refundOrderNo"
|
|||
|
|
v-if="drawerVisible"
|
|||
|
|
@onClosedrawerVisible="onClosedrawerVisible"
|
|||
|
|
@getReviewSuccessful="getReviewSuccessful"
|
|||
|
|
></refund-order-detail>
|
|||
|
|
|
|||
|
|
<!-- 同意退款,退货退款-->
|
|||
|
|
<el-dialog
|
|||
|
|
title="同意退款"
|
|||
|
|
:visible.sync="dialogVisibleAgreeToReturn"
|
|||
|
|
width="900px"
|
|||
|
|
:before-close="handleCloseAgreeToReturn"
|
|||
|
|
class="dialog-bottom"
|
|||
|
|
>
|
|||
|
|
<agree-to-return
|
|||
|
|
ref="agreeToReturn"
|
|||
|
|
@onHandleCancel="handleCloseAgreeToReturn"
|
|||
|
|
@onHandleSuccess="handleSuccess"
|
|||
|
|
:refundInfo="refundInfo"
|
|||
|
|
v-if="dialogVisibleAgreeToReturn"
|
|||
|
|
></agree-to-return>
|
|||
|
|
</el-dialog>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
// | Copyright (c) 2016~2026 https://www.crmeb.com All rights reserved.
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
// | Author: CRMEB Team <admin@crmeb.com>
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
|
|||
|
|
import {
|
|||
|
|
merchantRefundStatusNumApi as refundStatusNumApi,
|
|||
|
|
merchantRefundListApi as refundListApi,
|
|||
|
|
merchantRefundMarkApi as refundMarkApi,
|
|||
|
|
orderPrint,
|
|||
|
|
merchantOrderAuditApi as orderAuditApi,
|
|||
|
|
merchantRefundOrderReceivingRejectApi as refundOrderReceivingRejectApi,
|
|||
|
|
} from '@/api/merchantOrder';
|
|||
|
|
import { isWriteOff } from '@/utils';
|
|||
|
|
import { orderExcelApi } from '@/api/product';
|
|||
|
|
import { checkPermi } from '@/utils/permission';
|
|||
|
|
import RefundOrderDetail from '../components/refundOrderDetail.vue';
|
|||
|
|
import { refundStatusFilter } from '@/filters';
|
|||
|
|
import useRefundOrder from '@/libs/useRefundOrder';
|
|||
|
|
import AgreeToReturn from '@/views/merchantOrder/components/agreeToReturn.vue';
|
|||
|
|
import * as $constants from '@/utils/constants';
|
|||
|
|
const { onConfirmReceipt, onApprovedReview } = useRefundOrder();
|
|||
|
|
const tableFroms = {
|
|||
|
|
refundStatus: '9',
|
|||
|
|
dateLimit: '',
|
|||
|
|
orderNo: '',
|
|||
|
|
refundOrderNo: '',
|
|||
|
|
page: 1,
|
|||
|
|
limit: $constants.page.limit[0],
|
|||
|
|
searchType: 'all',
|
|||
|
|
content: '',
|
|||
|
|
trackingNumber: '',
|
|||
|
|
};
|
|||
|
|
// 权限判断函数
|
|||
|
|
export default {
|
|||
|
|
name: 'orderRefund',
|
|||
|
|
components: {
|
|||
|
|
AgreeToReturn,
|
|||
|
|
RefundOrderDetail,
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
datekey: Date.now(),
|
|||
|
|
RefuseData: {},
|
|||
|
|
refundOrderNo: '', //退款单号
|
|||
|
|
refundData: {},
|
|||
|
|
tableDataLog: {
|
|||
|
|
data: [],
|
|||
|
|
total: 0,
|
|||
|
|
},
|
|||
|
|
LogLoading: false,
|
|||
|
|
isCreate: 1,
|
|||
|
|
editData: null,
|
|||
|
|
dialogVisible: false,
|
|||
|
|
tableData: {
|
|||
|
|
data: [],
|
|||
|
|
total: 0,
|
|||
|
|
},
|
|||
|
|
listLoading: true,
|
|||
|
|
tableFrom: Object.assign({}, tableFroms),
|
|||
|
|
orderChartType: {},
|
|||
|
|
timeVal: [],
|
|||
|
|
fromList: this.$constants.fromList,
|
|||
|
|
selectionList: [],
|
|||
|
|
ids: '',
|
|||
|
|
orderids: '',
|
|||
|
|
cardLists: [],
|
|||
|
|
isWriteOff: isWriteOff(),
|
|||
|
|
proType: 0,
|
|||
|
|
active: false,
|
|||
|
|
card_select_show: false,
|
|||
|
|
checkAll: true,
|
|||
|
|
checkedCities: [
|
|||
|
|
'退款单号',
|
|||
|
|
'订单号',
|
|||
|
|
'用户昵称',
|
|||
|
|
'退款金额',
|
|||
|
|
'退款状态',
|
|||
|
|
'售后类型',
|
|||
|
|
'退货类型',
|
|||
|
|
'强制退款',
|
|||
|
|
'创建时间',
|
|||
|
|
],
|
|||
|
|
columnData: [
|
|||
|
|
'退款单号',
|
|||
|
|
'订单号',
|
|||
|
|
'用户昵称',
|
|||
|
|
'退款金额',
|
|||
|
|
'退款状态',
|
|||
|
|
'售后类型',
|
|||
|
|
'退货类型',
|
|||
|
|
'强制退款',
|
|||
|
|
'创建时间',
|
|||
|
|
],
|
|||
|
|
isIndeterminate: false,
|
|||
|
|
dialogVisibleAgreeToReturn: false,
|
|||
|
|
refundInfo: null,
|
|||
|
|
drawerVisible: false,
|
|||
|
|
tagClass: ['doingTag', 'notStartTag', 'doingTag', 'endTag', 'notStartTag', 'doingTag', 'endTag'],
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
if (checkPermi(['merchant:refund:order:page:list'])) this.getList();
|
|||
|
|
if (checkPermi(['merchant:refund:order:status:num'])) this.getOrderStatusNum();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
checkPermi,
|
|||
|
|
//商家确认收货
|
|||
|
|
handleConfirmReceipt(refundOrderNo) {
|
|||
|
|
onConfirmReceipt(refundOrderNo).then(() => {
|
|||
|
|
this.handleSearchList();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//审核同意
|
|||
|
|
handleApprovedReview(row) {
|
|||
|
|
if (row.returnGoodsType !== 1) {
|
|||
|
|
onApprovedReview({
|
|||
|
|
auditType: 'success',
|
|||
|
|
refundOrderNo: row.refundOrderNo,
|
|||
|
|
}).then(() => {
|
|||
|
|
this.handleSearchList();
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
//退货退款
|
|||
|
|
this.refundInfo = row;
|
|||
|
|
this.dialogVisibleAgreeToReturn = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//审核成功回调
|
|||
|
|
handleSuccess() {
|
|||
|
|
this.dialogVisibleAgreeToReturn = false;
|
|||
|
|
this.handleSearchList();
|
|||
|
|
},
|
|||
|
|
//同意弹窗
|
|||
|
|
handleCloseAgreeToReturn() {
|
|||
|
|
this.dialogVisibleAgreeToReturn = false;
|
|||
|
|
},
|
|||
|
|
//审核拒绝
|
|||
|
|
handleOrderRefuse(row) {
|
|||
|
|
this.$modalPrompt('textarea', '拒绝退款原因', null).then((V) => {
|
|||
|
|
orderAuditApi({ auditType: 'refuse', reason: V, refundOrderNo: row.refundOrderNo }).then(() => {
|
|||
|
|
this.$message.success('审核成功');
|
|||
|
|
this.handleSearchList();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//拒绝收货
|
|||
|
|
handleRefuseReceipt(row) {
|
|||
|
|
this.$modalPrompt('textarea', '拒绝收货原因', null).then((V) => {
|
|||
|
|
refundOrderReceivingRejectApi({ reason: V, refundOrderNo: row.refundOrderNo }).then(() => {
|
|||
|
|
this.$message.success('拒绝收货成功');
|
|||
|
|
this.handleSearchList();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//重置
|
|||
|
|
handleReset() {
|
|||
|
|
this.tableFrom.dateLimit = '';
|
|||
|
|
this.tableFrom.orderNo = '';
|
|||
|
|
this.tableFrom.refundOrderNo = '';
|
|||
|
|
this.tableFrom.content = '';
|
|||
|
|
this.tableFrom.searchType = 'all';
|
|||
|
|
this.tableFrom.trackingNumber = '';
|
|||
|
|
this.selectChange();
|
|||
|
|
},
|
|||
|
|
//搜索
|
|||
|
|
handleSearchList() {
|
|||
|
|
this.tableFrom.page = 1;
|
|||
|
|
this.getList();
|
|||
|
|
this.getOrderStatusNum();
|
|||
|
|
},
|
|||
|
|
onClosedrawerVisible() {
|
|||
|
|
this.drawerVisible = false;
|
|||
|
|
},
|
|||
|
|
//详情中审核成功回调
|
|||
|
|
getReviewSuccessful() {
|
|||
|
|
this.handleSearchList();
|
|||
|
|
},
|
|||
|
|
// 详情
|
|||
|
|
onOrderDetails(row) {
|
|||
|
|
this.refundOrderNo = row.refundOrderNo;
|
|||
|
|
this.drawerVisible = true;
|
|||
|
|
},
|
|||
|
|
// 备注
|
|||
|
|
onOrderMark(row) {
|
|||
|
|
this.$modalPrompt('textarea', '备注', row.merRemark, '退款单备注').then((V) => {
|
|||
|
|
refundMarkApi({ remark: V, refundOrderNo: row.refundOrderNo }).then(() => {
|
|||
|
|
this.$message.success('操作成功');
|
|||
|
|
this.getList();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
handleSelectionChange(val) {
|
|||
|
|
this.selectionList = val;
|
|||
|
|
const data = [];
|
|||
|
|
this.selectionList.map((item) => {
|
|||
|
|
data.push(item.orderNo);
|
|||
|
|
});
|
|||
|
|
this.ids = data.join(',');
|
|||
|
|
},
|
|||
|
|
// 选择时间
|
|||
|
|
selectChange(tab) {
|
|||
|
|
this.timeVal = [];
|
|||
|
|
this.tableFrom.page = 1;
|
|||
|
|
this.handleSearchList();
|
|||
|
|
},
|
|||
|
|
// 具体日期
|
|||
|
|
onchangeTime(e) {
|
|||
|
|
this.timeVal = e;
|
|||
|
|
this.tableFrom.dateLimit = e ? this.timeVal.join(',') : '';
|
|||
|
|
this.handleSearchList();
|
|||
|
|
},
|
|||
|
|
// 列表
|
|||
|
|
getList() {
|
|||
|
|
this.listLoading = true;
|
|||
|
|
refundListApi(this.tableFrom)
|
|||
|
|
.then((res) => {
|
|||
|
|
this.tableData.data = res.list || [];
|
|||
|
|
this.tableData.total = res.total;
|
|||
|
|
this.listLoading = false;
|
|||
|
|
this.checkedCities = this.$cache.local.has('order_refund_stroge')
|
|||
|
|
? this.$cache.local.getJSON('order_refund_stroge')
|
|||
|
|
: this.checkedCities;
|
|||
|
|
})
|
|||
|
|
.catch(() => {
|
|||
|
|
this.listLoading = false;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 获取各状态数量
|
|||
|
|
getOrderStatusNum() {
|
|||
|
|
let data = Object.assign({}, this.tableFrom);
|
|||
|
|
delete data.page;
|
|||
|
|
delete data.limit;
|
|||
|
|
delete data.refundStatus;
|
|||
|
|
refundStatusNumApi(data).then((res) => {
|
|||
|
|
this.orderChartType = res;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
pageChange(page) {
|
|||
|
|
this.tableFrom.page = page;
|
|||
|
|
this.getList();
|
|||
|
|
},
|
|||
|
|
handleSizeChange(val) {
|
|||
|
|
this.tableFrom.limit = val;
|
|||
|
|
this.getList();
|
|||
|
|
},
|
|||
|
|
exports() {
|
|||
|
|
let data = {
|
|||
|
|
dateLimit: this.tableFrom.dateLimit,
|
|||
|
|
orderNo: this.tableFrom.orderNo,
|
|||
|
|
refundStatus: this.tableFrom.status,
|
|||
|
|
type: this.tableFrom.type,
|
|||
|
|
};
|
|||
|
|
orderExcelApi(data).then((res) => {
|
|||
|
|
window.open(res.fileName);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
handleAddItem() {
|
|||
|
|
if (this.card_select_show) {
|
|||
|
|
this.$set(this, 'card_select_show', false);
|
|||
|
|
} else if (!this.card_select_show) {
|
|||
|
|
this.$set(this, 'card_select_show', true);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
handleCheckAllChange(val) {
|
|||
|
|
this.checkedCities = val ? this.columnData : [];
|
|||
|
|
this.isIndeterminate = false;
|
|||
|
|
},
|
|||
|
|
handleCheckedCitiesChange(value) {
|
|||
|
|
let checkedCount = value.length;
|
|||
|
|
this.checkAll = checkedCount === this.columnData.length;
|
|||
|
|
this.isIndeterminate = checkedCount > 0 && checkedCount < this.columnData.length;
|
|||
|
|
},
|
|||
|
|
checkSave() {
|
|||
|
|
this.$set(this, 'card_select_show', false);
|
|||
|
|
this.$modal.loading('正在保存到本地，请稍候...');
|
|||
|
|
this.$cache.local.setJSON('order_refund_stroge', this.checkedCities);
|
|||
|
|
setTimeout(this.$modal.closeLoading(), 1000);
|
|||
|
|
},
|
|||
|
|
//打印小票
|
|||
|
|
onOrderPrint(data) {
|
|||
|
|
orderPrint(data.orderNo)
|
|||
|
|
.then((res) => {
|
|||
|
|
this.$modal.msgSuccess('打印成功');
|
|||
|
|
})
|
|||
|
|
.catch((error) => {
|
|||
|
|
this.$modal.msgError(error.message);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
::v-deep .el-card{
|
|||
|
|
overflow: auto !important;
|
|||
|
|
}
|
|||
|
|
.card_abs{
|
|||
|
|
top: 123px !important;
|
|||
|
|
}
|
|||
|
|
.red {
|
|||
|
|
color: #ed4014;
|
|||
|
|
}
|
|||
|
|
.el-table__body {
|
|||
|
|
width: 100%;
|
|||
|
|
table-layout: fixed !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.demo-table-expand {
|
|||
|
|
::v-deep .label {
|
|||
|
|
width: 83px !important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.refunding {
|
|||
|
|
span {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.el-icon-arrow-down {
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tabBox_tit {
|
|||
|
|
font-size: 12px !important;
|
|||
|
|
/*margin: 0 2px 0 10px;*/
|
|||
|
|
letter-spacing: 1px;
|
|||
|
|
/*padding: 5px 0;*/
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text_overflow {
|
|||
|
|
white-space: nowrap;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
max-width: 400px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pup_card {
|
|||
|
|
width: 200px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
padding: 5px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
font-size: 12px;
|
|||
|
|
line-height: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.flex-column {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.relative {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cell_ht {
|
|||
|
|
height: 50px;
|
|||
|
|
padding: 15px 20px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border-bottom: 1px solid #eeeeee;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.check_cell {
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 15px 20px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
::v-deep .el-checkbox__input.is-checked + .el-checkbox__label {
|
|||
|
|
color: #606266;
|
|||
|
|
}
|
|||
|
|
</style>
|