7 changed files with 209 additions and 71 deletions
-
2src/components/locales/lang/zh-CN.js
-
10src/global.css
-
52src/views/consume/gold/addCoinConsume.vue
-
1src/views/consume/gold/coinConsumeDetail.vue
-
102src/views/moneyManage/financialAccount/cashFlow.vue
-
26src/views/recharge/gold/addCoinRecharge.vue
-
43src/views/refund/gold/addCoinRefund.vue
@ -1,3 +1,13 @@ |
|||
body { |
|||
font-family: 'Microsoft YaHei UI'; |
|||
} |
|||
|
|||
/* 自定义蓝色消息提示样式 */ |
|||
.custom-blue-message { |
|||
/* 纯蓝色背景,白色文字 */ |
|||
--el-message-bg-color: #409eff; |
|||
--el-message-border-color: #409eff; |
|||
--el-message-text-color: #ffffff; |
|||
--el-message-icon-color: #ffffff; |
|||
--el-message-close-icon-color: #ffffff; |
|||
} |
|||
@ -1,5 +1,103 @@ |
|||
<template> |
|||
<div> |
|||
<h1>资金流水</h1> |
|||
<div class="cash-flow-page"> |
|||
<div class="cash-flow-header"> |
|||
<span class="cash-flow-title">资金流水账</span> |
|||
</div> |
|||
<div class="cash-flow-filters"> |
|||
<el-form inline> |
|||
<el-form-item label="地区"> |
|||
<el-select |
|||
v-model="region" |
|||
clearable |
|||
placeholder="请选择地区" |
|||
style="width: 220px" |
|||
> |
|||
<el-option |
|||
v-for="item in regionOptions" |
|||
:key="item" |
|||
:label="item" |
|||
:value="item" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<el-table |
|||
:data="filteredData" |
|||
border |
|||
stripe |
|||
style="width: 100%" |
|||
class="cash-flow-table" |
|||
> |
|||
<el-table-column prop="date" label="日期" width="160" /> |
|||
<el-table-column prop="region" label="地区" width="160" /> |
|||
<el-table-column prop="type" label="类型" width="160" /> |
|||
<el-table-column prop="amount" label="金额" /> |
|||
<el-table-column prop="remark" label="备注" /> |
|||
</el-table> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { computed, ref } from 'vue' |
|||
import { useRoute } from 'vue-router' |
|||
import { useI18n } from 'vue-i18n' |
|||
|
|||
const { t } = useI18n() |
|||
const route = useRoute() |
|||
|
|||
const defaultRegions = [ |
|||
t('cash.markets.Singapore'), |
|||
t('cash.markets.Malaysia'), |
|||
t('cash.markets.HongKong'), |
|||
t('cash.markets.Thailand'), |
|||
t('cash.markets.VietnamHCM'), |
|||
t('cash.markets.Canada') |
|||
] |
|||
|
|||
const regionOptions = ref([...defaultRegions]) |
|||
|
|||
const initialRegion = typeof route.query.region === 'string' ? route.query.region : '' |
|||
if (initialRegion && !regionOptions.value.includes(initialRegion)) { |
|||
regionOptions.value.unshift(initialRegion) |
|||
} |
|||
|
|||
const region = ref(initialRegion) |
|||
|
|||
const tableData = ref([ |
|||
{ |
|||
id: 1, |
|||
date: '2025-01-01 10:00:00', |
|||
region: region.value || defaultRegions[0], |
|||
type: '收款', |
|||
amount: 10000, |
|||
remark: '示例数据' |
|||
} |
|||
]) |
|||
|
|||
const filteredData = computed(() => tableData.value) |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.cash-flow-page { |
|||
padding: 16px; |
|||
background-color: #ffffff; |
|||
} |
|||
|
|||
.cash-flow-header { |
|||
margin-bottom: 16px; |
|||
} |
|||
|
|||
.cash-flow-title { |
|||
font-size: 18px; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.cash-flow-filters { |
|||
margin-bottom: 16px; |
|||
} |
|||
|
|||
.cash-flow-table { |
|||
margin-top: 8px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue