feat:钱包明细
This commit is contained in:
1 parent
2487ca2431
commit
e2d7044f4e
4 files changed
+68
-46
No files matched your search
@@ -32,7 +32,8 @@
|
||||
</el-row>
|
||||
<el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
|
||||
height="70vh" :header-cell-style="tableStyle.headerCellStyle" :summary-method="getSummaries"
|
||||
show-summary @selection-change="selectionChangHandle" @sort-change="sortChangeHandle">
|
||||
show-summary @selection-change="selectionChangHandle" :cell-class-name="cellClassName"
|
||||
@sort-change="sortChangeHandle">
|
||||
<el-table-column type="selection" width="40" align="center" />
|
||||
<el-table-column type="index" label="#" width="80" />
|
||||
<el-table-column prop="deptName" min-width="150" label="部门" />
|
||||
@@ -47,34 +48,6 @@
|
||||
<div :class="{ 'color-success': row.walletCount != 0 }">{{ row.walletCount }}次</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="walletReducePrice" label="批量扣减金额" align="center" min-width="110">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletReducePrice != 0 }">{{
|
||||
displayPrice(row.walletReducePrice) }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- start 批量退换食堂 start -->
|
||||
<el-table-column prop="walletReturnCanteenCount" label="批量退还各自食堂次数" align="center"
|
||||
min-width="170">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletReturnCanteenCount != 0 }">{{
|
||||
row.walletReturnCanteenCount }}次</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="walletReturnCanteenPrice" label="批量退还各自食堂金额" align="center"
|
||||
min-width="170">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletReturnCanteenPrice != 0 }">{{
|
||||
displayPrice(row.walletReturnCanteenPrice) }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- end 批量退换食堂 end -->
|
||||
<el-table-column prop="walletReduceCount" label="批量扣减次数" align="center" min-width="110">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletReduceCount != 0 }">{{ row.walletReduceCount
|
||||
}}次</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="walletOncePrice" label="单次充值金额" align="center" min-width="110">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletOncePrice != 0 }">{{
|
||||
@@ -87,6 +60,18 @@
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="walletReducePrice" label="批量扣减金额" align="center" min-width="110">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletReducePrice != 0 }">{{
|
||||
displayPrice(row.walletReducePrice) }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="walletReduceCount" label="批量扣减次数" align="center" min-width="110">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletReduceCount != 0 }">{{ row.walletReduceCount
|
||||
}}次</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="walletOnceReducePrice" label="单次扣减金额" align="center" min-width="110">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletOnceReducePrice != 0 }">{{
|
||||
@@ -99,6 +84,23 @@
|
||||
row.walletOnceReduceCount }}次</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- start 批量退换食堂 start -->
|
||||
<el-table-column prop="walletReturnCanteenPrice" label="批量退还各自食堂金额" align="center"
|
||||
min-width="170">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletReturnCanteenPrice != 0 }">{{
|
||||
displayPrice(row.walletReturnCanteenPrice) }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="walletReturnCanteenCount" label="批量退还各自食堂次数" align="center"
|
||||
min-width="170">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-success': row.walletReturnCanteenCount != 0 }">{{
|
||||
row.walletReturnCanteenCount }}次</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- end 批量退换食堂 end -->
|
||||
|
||||
<el-table-column prop="orderPayPrice" label="流水金额" align="center" min-width="90">
|
||||
<template #default="{ row }">
|
||||
<div :class="{ 'color-primary': row.orderPayPrice != 0 }">{{
|
||||
@@ -175,6 +177,17 @@ const exportExcel = () => {
|
||||
postDownBlobFile("/hard/hard-total/export-dept", Object.assign(state.queryForm), "部门交易记录导出.xlsx")
|
||||
}
|
||||
|
||||
const cellClassName = ({ row, column, rowIndex }: any) => {
|
||||
if (column.property) {
|
||||
if (column.property.includes("Count")) {
|
||||
return 'success-cell'
|
||||
}
|
||||
if (column.property.includes("Price")) {
|
||||
return 'warning-cell'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const getSummaries = (param: any) => {
|
||||
const { columns, data } = param
|
||||
const totalColumns = [
|
||||
@@ -238,3 +251,14 @@ const handleGetSelectNode = (curClickedNode: any, checkedTreeNodes: any, isDeepT
|
||||
getDataList()
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style>
|
||||
.el-table .warning-cell {
|
||||
background: var(--el-color-warning-light-9);
|
||||
}
|
||||
|
||||
.el-table .success-cell {
|
||||
background: var(--el-color-success-light-9);
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user