feat: 移植商户端订单管理到平台端 & 新增订单打印功能
1. 将商户端订单管理功能完整移植到平台端管理后台，包括： - 商户订单列表、退款单、预约管理（服务看板+工单管理） - 菜单名称加"商户"前缀，区别于平台端原有订单管理 - 不影响平台端原有订单管理功能 2. 新增订单打印功能： - 前端：独立打印页面（无layout），支持浏览器打印 - 后端：新增打印专用API，使用eb_sync_order_detail_staging表的product_name和info字段 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
AriadenCaseblg
639
mer_plat_admin/src/views/merchantOrder/refund/index.vue
Normal file
639
mer_plat_admin/src/views/merchantOrder/refund/index.vue
Normal file
@@ -0,0 +1,639 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user