ad6fbc30ab
前端： - 商户订单页面(index.vue)和退款页面(refund/index.vue)增加merchant-name组件 - 搜索表单新增"商户名称"下拉选择，支持远程搜索和分页加载 - 订单列表表格新增"商户名称"列(merName) - 重置按钮同时清除商户筛选条件 后端： - MerchantOrderPageResponse增加merId和merName字段 - OrderMapper.xml的getMerchantAdminPage查询JOIN eb_merchant表获取商户名称 - OrderServiceImpl: 平台管理员支持按request.merId筛选指定商户订单 - RefundOrderServiceImpl: 同样支持按request.merId筛选退款订单 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
652 lines
21 KiB
Vue
652 lines
21 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 label="商户名称：">
|
||
<merchant-name @getMerId="getMerId" :merIdChecked="tableFrom.merId"></merchant-name>
|
||
</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 merchantName from '@/components/merchantName';
|
||
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: '',
|
||
merId: null,
|
||
};
|
||
// 权限判断函数
|
||
export default {
|
||
name: 'orderRefund',
|
||
components: {
|
||
AgreeToReturn,
|
||
RefundOrderDetail,
|
||
merchantName,
|
||
},
|
||
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,
|
||
getMerId(id) {
|
||
this.tableFrom.merId = id;
|
||
this.handleSearchList();
|
||
},
|
||
//商家确认收货
|
||
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.tableFrom.merId = null;
|
||
this.timeVal = [];
|
||
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>
|