|
@@ -29,7 +29,7 @@ const state = reactive({
|
|
|
data: [] as Array<any>,
|
|
data: [] as Array<any>,
|
|
|
loading: false,
|
|
loading: false,
|
|
|
columns: [
|
|
columns: [
|
|
|
- { label: "站点名称", prop: "stationName", width: 180 },
|
|
|
|
|
|
|
+ { label: "站点", prop: "stationId", width: 180 },
|
|
|
{ label: "结算周期", prop: "settlementPeriod", width: 120 },
|
|
{ label: "结算周期", prop: "settlementPeriod", width: 120 },
|
|
|
{ label: "期初余额(元)", prop: "openingPendingBalance", width: 150 },
|
|
{ label: "期初余额(元)", prop: "openingPendingBalance", width: 150 },
|
|
|
{ label: "总充值(元)", prop: "totalRecharge", width: 140 },
|
|
{ label: "总充值(元)", prop: "totalRecharge", width: 140 },
|
|
@@ -162,7 +162,13 @@ const formatMoney = (value: number) => {
|
|
|
</template>
|
|
</template>
|
|
|
<el-table-column v-for="col in state.tableData.columns" :key="col.prop" :prop="col.prop" :label="col.label" :width="col.width" show-overflow-tooltip>
|
|
<el-table-column v-for="col in state.tableData.columns" :key="col.prop" :prop="col.prop" :label="col.label" :width="col.width" show-overflow-tooltip>
|
|
|
<template #default="{ row }">
|
|
<template #default="{ row }">
|
|
|
- <template v-if="col.prop === 'status'">
|
|
|
|
|
|
|
+ <template v-if="col.prop === 'stationId'">
|
|
|
|
|
+ <div class="station-cell">
|
|
|
|
|
+ <span class="station-id">{{ row.stationId }}</span>
|
|
|
|
|
+ <span class="station-name">{{ row.stationName }}</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template v-else-if="col.prop === 'status'">
|
|
|
<el-tag :type="getDictColor('Settlement.status', row.status)" size="small">
|
|
<el-tag :type="getDictColor('Settlement.status', row.status)" size="small">
|
|
|
{{ formatDict('Settlement.status', row.status) }}
|
|
{{ formatDict('Settlement.status', row.status) }}
|
|
|
</el-tag>
|
|
</el-tag>
|
|
@@ -206,6 +212,23 @@ const formatMoney = (value: number) => {
|
|
|
margin-bottom: 16px;
|
|
margin-bottom: 16px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.station-cell {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ line-height: 1.6;
|
|
|
|
|
+
|
|
|
|
|
+ .station-id {
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ color: #909399;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .station-name {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ color: #303133;
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.pagination-container {
|
|
.pagination-container {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
justify-content: flex-end;
|