7 changed files with 209 additions and 71 deletions
-
2src/components/locales/lang/zh-CN.js
-
12src/global.css
-
80src/views/consume/gold/addCoinConsume.vue
-
1src/views/consume/gold/coinConsumeDetail.vue
-
104src/views/moneyManage/financialAccount/cashFlow.vue
-
28src/views/recharge/gold/addCoinRecharge.vue
-
53src/views/refund/gold/addCoinRefund.vue
@ -1,3 +1,13 @@ |
|||||
body { |
body { |
||||
font-family: 'Microsoft YaHei UI'; |
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> |
<template> |
||||
<div> |
|
||||
<h1>资金流水</h1> |
|
||||
|
<div class="cash-flow-page"> |
||||
|
<div class="cash-flow-header"> |
||||
|
<span class="cash-flow-title">资金流水账</span> |
||||
</div> |
</div> |
||||
</template> |
|
||||
|
<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