9.20/1

frontend/pages/account/select.vue

@@ -6,6 +6,7 @@
 				<view class="meta">{{ typeLabel(a.type) }} · 余额：{{ a.balance?.toFixed ? a.balance.toFixed(2) : a.balance }}</view>
 			</view>
 		</scroll-view>
+		<view class="fab" @click="create">＋</view>
 	</view>
 </template>
 
@@ -13,8 +14,9 @@
 	import { get } from '../../common/http.js'
 	const TYPE_MAP = { cash: '现金', bank: '银行', alipay: '支付宝', wechat: '微信', other: '其他' }
 	export default {
-		data() { return { accounts: [] } },
-		async onLoad() {
+		data() { return { accounts: [], mode: 'view' } },
+		async onLoad(q) {
+			this.mode = (q && q.mode) || 'view'
 			try {
 				const res = await get('/api/accounts')
 				this.accounts = Array.isArray(res) ? res : (res?.list || [])
@@ -22,13 +24,18 @@
 		},
 		methods: {
 			select(a) {
-				const opener = getCurrentPages()[getCurrentPages().length-2]
-				if (opener && opener.$vm) {
-					opener.$vm.selectedAccountId = a.id
-					opener.$vm.selectedAccountName = a.name
+				if (this.mode === 'pick') {
+					const opener = getCurrentPages()[getCurrentPages().length-2]
+					if (opener && opener.$vm) {
+						opener.$vm.selectedAccountId = a.id
+						opener.$vm.selectedAccountName = a.name
+					}
+					uni.navigateBack()
+				} else {
+					uni.navigateTo({ url: `/pages/account/ledger?id=${a.id}` })
 				}
-				uni.navigateBack()
 			},
+			create() { uni.navigateTo({ url: '/pages/account/form' }) },
 			typeLabel(t) { return TYPE_MAP[t] || t }
 		}
 	}
@@ -40,6 +47,7 @@
 	.item { padding: 20rpx 24rpx; background:#fff; border-bottom: 1rpx solid #f1f1f1; }
 	.name { color:#333; margin-bottom: 6rpx; }
 	.meta { color:#888; font-size: 24rpx; }
+	.fab { position: fixed; right: 32rpx; bottom: 120rpx; width: 100rpx; height: 100rpx; border-radius: 50%; background:#3c9cff; color:#fff; display:flex; align-items:center; justify-content:center; font-size: 52rpx; box-shadow: 0 10rpx 20rpx rgba(0,0,0,0.18); }
 </style>