|
|
|
@ -8,11 +8,11 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="96px" |
|
|
|
class="flex form" style="position: relative"> |
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="96px" class="flex form" |
|
|
|
style="position: relative"> |
|
|
|
<el-form-item label="姓名或卡号" prop="cardHolder"> |
|
|
|
<el-input size="medium" v-model="queryParams.cardHolder" placeholder="请输入姓名或卡号" |
|
|
|
@keyup.enter.native="handleQuery" style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
<el-input size="medium" v-model="queryParams.cardHolder" placeholder="请输入姓名或卡号" @keyup.enter.native="handleQuery" |
|
|
|
style="width: 180px; border-color: #e6f1ff" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="码商名称" prop="carddealerName"> |
|
|
|
<el-input size="medium" v-model="queryParams.carddealerName" placeholder="请输入码商名称" |
|
|
|
@ -52,7 +52,7 @@ |
|
|
|
<div class="bg"> |
|
|
|
|
|
|
|
|
|
|
|
<el-table stripe :data="infoList" v-loading="loading"> |
|
|
|
<el-table stripe :data="infoList" v-loading="loading" :row-class-name="tableRowClassName"> |
|
|
|
<el-table-column label="卡号" align="center" prop="cardNumber" /> |
|
|
|
<el-table-column label="状态" align="center" prop="status" width="140px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
@ -66,10 +66,9 @@ |
|
|
|
<el-table-column label="银行名称" align="center" prop="bankName" /> |
|
|
|
<el-table-column label="姓名" align="center" prop="cardHolder" /> |
|
|
|
<el-table-column label="支行名称" align="center" prop="cardOrganization" /> |
|
|
|
<el-table-column label="备注" align="center" prop="remark" /> |
|
|
|
<el-table-column label="更新时间" align="center" prop="updateTime" min-width="180" /> |
|
|
|
|
|
|
|
<el-table-column :label="'每日限额'" align="center" prop="dayReceiveMax" min-width="120"> |
|
|
|
|
|
|
|
<!-- <el-table-column :label="'每日限额'" align="center" prop="dayReceiveMax" min-width="120"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ parseFloat(NumberDiv(scope.row.dayReceiveMax, 100)).toFixed(2) }} |
|
|
|
</template> |
|
|
|
@ -78,8 +77,18 @@ |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ parseFloat(NumberDiv(scope.row.todayReceived, 100)).toFixed(2) }} |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column :label="'日限额/已收款'" align="center" prop="storeNo" min-width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ parseFloat(NumberDiv(scope.row.dayReceiveMax, 100)).toFixed(2) }}/{{ |
|
|
|
parseFloat(NumberDiv(scope.row.todayReceived, 100)).toFixed(2) }} |
|
|
|
|
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column :label="'日最大收款笔数'" align="center" prop="dayReceiveMax"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <el-table-column :label="'日最大收款笔数'" align="center" prop="dayReceiveMax"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.dayMaxNumber }} |
|
|
|
</template> |
|
|
|
@ -88,7 +97,17 @@ |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.todayNumber }} |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column :label="'日笔数/已收'" align="center" prop="storeNo" min-width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.dayMaxNumber }}/{{ scope.row.todayNumber }} |
|
|
|
|
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column :label="'连续多笔未支付笔数'" align="center" prop="dayReceiveMax"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.consecutiveUnpaidCnt }} |
|
|
|
@ -97,7 +116,8 @@ |
|
|
|
<el-table-column label="下卡原因" align="center" prop="downReason" /> |
|
|
|
<el-table-column :label="'收款区间'" align="center" prop="singleMin" min-width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ parseFloat(NumberDiv(scope.row.singleMin, 100)).toFixed(2) }} ~ {{ parseFloat(NumberDiv(scope.row.singleMax, 100)).toFixed(2) }} |
|
|
|
{{ parseFloat(NumberDiv(scope.row.singleMin, 100)).toFixed(2) }} ~ {{ |
|
|
|
parseFloat(NumberDiv(scope.row.singleMax, 100)).toFixed(2) }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
@ -114,7 +134,8 @@ |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column label="备注" align="center" prop="remark" /> |
|
|
|
<el-table-column label="更新时间" align="center" prop="updateTime" min-width="180" /> |
|
|
|
<el-table-column label="创建时间" align="center" prop="createTime" min-width="180" /> |
|
|
|
|
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="150"> |
|
|
|
@ -272,6 +293,15 @@ export default { |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
tableRowClassName({ row, rowIndex }) { |
|
|
|
if (row.dayReceiveMax == row.todayReceived) { |
|
|
|
return "greenOrder"; |
|
|
|
} |
|
|
|
if(row.singleReceiveMax == row.singleMax){ |
|
|
|
return "redOrder"; |
|
|
|
} |
|
|
|
}, |
|
|
|
timerHandler(queryParams) { |
|
|
|
listCarddealerCard(this.queryParams).then(response => { |
|
|
|
this.infoList = response.rows; |
|
|
|
@ -427,3 +457,20 @@ export default { |
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style> |
|
|
|
.greenOrder { |
|
|
|
background: #E9FEEA !important; |
|
|
|
} |
|
|
|
.redOrder { |
|
|
|
background: #FDF2F2 !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style scoped> |
|
|
|
::v-deep .el-table tbody tr:hover>td { |
|
|
|
background-color: rgba(0, 0, 0, 0) !important |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { |
|
|
|
background: none !important; |
|
|
|
} |
|
|
|
</style> |
