feat: 品牌文案配置化 + 全页面下拉刷新

- 新增 configStore 管理品牌文案(appName, appSlogan, appDescription)
- 关于弹窗、分享标题使用 configStore 读取品牌名
- 所有数据页面添加下拉刷新功能
- 所有数据页面 onShow 时自动刷新数据
This commit is contained in:
2026-06-08 10:59:09 +08:00
parent 62ca400b64
commit 6af876a8f4
12 changed files with 161 additions and 24 deletions

View File

@@ -2,6 +2,7 @@
import { onLaunch } from '@dcloudio/uni-app' import { onLaunch } from '@dcloudio/uni-app'
import { wxLogin, demoLogin } from '@/api/auth' import { wxLogin, demoLogin } from '@/api/auth'
import { useGroupStore } from '@/stores/group' import { useGroupStore } from '@/stores/group'
import { useConfigStore } from '@/stores/config'
import { saveLoginResult } from '@/utils/request' import { saveLoginResult } from '@/utils/request'
import { markReady } from '@/utils/app-ready' import { markReady } from '@/utils/app-ready'
@@ -25,7 +26,9 @@ async function loginWithRetry(loginFn: () => Promise<any>, retries = 3): Promise
onLaunch(() => { onLaunch(() => {
const groupStore = useGroupStore() const groupStore = useGroupStore()
const configStore = useConfigStore()
groupStore.init() groupStore.init()
configStore.fetchConfig()
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
uni.login({ uni.login({

View File

@@ -35,21 +35,24 @@
"path": "pages/profile/index", "path": "pages/profile/index",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "我的" "navigationBarTitleText": "我的",
"enablePullDownRefresh": true
} }
}, },
{ {
"path": "pages/category-manage/index", "path": "pages/category-manage/index",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "分类管理" "navigationBarTitleText": "分类管理",
"enablePullDownRefresh": true
} }
}, },
{ {
"path": "pages/budget/index", "path": "pages/budget/index",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "预算设置" "navigationBarTitleText": "预算设置",
"enablePullDownRefresh": true
} }
}, },
{ {
@@ -63,7 +66,8 @@
"path": "pages/group-manage/index", "path": "pages/group-manage/index",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "一起记" "navigationBarTitleText": "一起记",
"enablePullDownRefresh": true
} }
}, },
{ {
@@ -78,7 +82,8 @@
"path": "pages/admin/index", "path": "pages/admin/index",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "管理后台" "navigationBarTitleText": "管理后台",
"enablePullDownRefresh": true
} }
}, },
{ {
@@ -86,7 +91,7 @@
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "用户管理", "navigationBarTitleText": "用户管理",
"enablePullDownRefresh": false "enablePullDownRefresh": true
} }
}, },
{ {
@@ -115,14 +120,16 @@
"path": "pages/admin/feedback", "path": "pages/admin/feedback",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "反馈管理" "navigationBarTitleText": "反馈管理",
"enablePullDownRefresh": true
} }
}, },
{ {
"path": "pages/admin/config", "path": "pages/admin/config",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "系统配置" "navigationBarTitleText": "系统配置",
"enablePullDownRefresh": true
} }
} }
], ],

View File

@@ -52,6 +52,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, onMounted } from 'vue' import { ref, reactive, onMounted } from 'vue'
import { onShow, onPullDownRefresh } from '@dcloudio/uni-app'
import { waitForReady } from '@/utils/app-ready' import { waitForReady } from '@/utils/app-ready'
import { statusBarHeight } from '@/utils/system' import { statusBarHeight } from '@/utils/system'
import { getConfig, updateConfig } from '@/api/config' import { getConfig, updateConfig } from '@/api/config'
@@ -80,6 +81,26 @@ onMounted(async () => {
} }
}) })
// 加载配置数据
async function loadConfig() {
try {
const config = await getConfig()
form.app_version = config.app_version || '1.0.0'
form.app_slogan = config.app_slogan || ''
form.app_description = config.app_description || ''
} catch {}
}
// 返回页面时静默刷新
onShow(() => {
loadConfig()
})
onPullDownRefresh(async () => {
await loadConfig()
uni.stopPullDownRefresh()
})
async function saveConfig() { async function saveConfig() {
if (saving.value) return if (saving.value) return

View File

@@ -82,7 +82,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, computed, onMounted } from 'vue' import { ref, computed, onMounted } from 'vue'
import { onShow } from '@dcloudio/uni-app' import { onShow, onPullDownRefresh } from '@dcloudio/uni-app'
import { waitForReady } from '@/utils/app-ready' import { waitForReady } from '@/utils/app-ready'
import { statusBarHeight } from '@/utils/system' import { statusBarHeight } from '@/utils/system'
import { getFeedbackList, updateFeedbackStatus } from '@/api/feedback' import { getFeedbackList, updateFeedbackStatus } from '@/api/feedback'
@@ -121,6 +121,11 @@ onShow(() => {
if (initialLoaded.value) loadList(true) if (initialLoaded.value) loadList(true)
}) })
onPullDownRefresh(async () => {
await loadList(true)
uni.stopPullDownRefresh()
})
function switchStatus(status: string) { function switchStatus(status: string) {
filterStatus.value = status filterStatus.value = status
loadList(true) loadList(true)

View File

@@ -89,6 +89,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import { onShow, onPullDownRefresh } from '@dcloudio/uni-app'
import { waitForReady } from '@/utils/app-ready' import { waitForReady } from '@/utils/app-ready'
import { statusBarHeight } from '@/utils/system' import { statusBarHeight } from '@/utils/system'
import { getDashboard } from '@/api/admin' import { getDashboard } from '@/api/admin'
@@ -121,6 +122,26 @@ onMounted(async () => {
} }
}) })
// 静默刷新(强制刷新缓存)
async function refreshDashboard(force = false) {
try {
if (force || !dashboardCache || Date.now() - dashboardCache.time >= CACHE_TTL) {
dashboard.value = await getDashboard()
dashboardCache = { data: dashboard.value, time: Date.now() }
}
} catch {}
}
// 返回页面时静默刷新
onShow(() => {
refreshDashboard()
})
onPullDownRefresh(async () => {
await refreshDashboard(true)
uni.stopPullDownRefresh()
})
function goBack() { uni.navigateBack() } function goBack() { uni.navigateBack() }
function goUsers() { uni.navigateTo({ url: '/pages/admin/users' }) } function goUsers() { uni.navigateTo({ url: '/pages/admin/users' }) }
function goNotificationManage() { uni.navigateTo({ url: '/pages/admin/notifications' }) } function goNotificationManage() { uni.navigateTo({ url: '/pages/admin/notifications' }) }

View File

@@ -54,7 +54,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import { onReachBottom } from '@dcloudio/uni-app' import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import { waitForReady } from '@/utils/app-ready' import { waitForReady } from '@/utils/app-ready'
import { statusBarHeight } from '@/utils/system' import { statusBarHeight } from '@/utils/system'
import { API_BASE } from '@/config' import { API_BASE } from '@/config'
@@ -71,9 +71,22 @@ const page = ref(1)
const total = ref(0) const total = ref(0)
const loading = ref(false) const loading = ref(false)
const initialLoaded = ref(false)
onMounted(async () => { onMounted(async () => {
await waitForReady() await waitForReady()
await loadUsers(true) await loadUsers(true)
initialLoaded.value = true
})
// 返回页面时静默刷新
onShow(() => {
if (initialLoaded.value) loadUsers(true)
})
onPullDownRefresh(async () => {
await loadUsers(true)
uni.stopPullDownRefresh()
}) })
async function loadUsers(reset = false) { async function loadUsers(reset = false) {

View File

@@ -75,7 +75,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import { onShow } from '@dcloudio/uni-app' import { onShow, onPullDownRefresh } from '@dcloudio/uni-app'
import { useBudgetStore } from '@/stores/budget' import { useBudgetStore } from '@/stores/budget'
import { useGroupStore } from '@/stores/group' import { useGroupStore } from '@/stores/group'
import { getOverview } from '@/api/stats' import { getOverview } from '@/api/stats'
@@ -150,6 +150,15 @@ onShow(async () => {
} catch {} } catch {}
}) })
onPullDownRefresh(async () => {
try {
await budgetStore.fetchBudget(currentMonth)
syncBudgetData()
fetchMyExpense()
} catch {}
uni.stopPullDownRefresh()
})
function selectPreset(val: number) { function selectPreset(val: number) {
amountStr.value = String(val) amountStr.value = String(val)
} }

View File

@@ -111,7 +111,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, computed, onMounted } from 'vue' import { ref, computed, onMounted } from 'vue'
import { onShow } from '@dcloudio/uni-app' import { onShow, onPullDownRefresh } from '@dcloudio/uni-app'
import { useCategoryStore, type Category } from '@/stores/category' import { useCategoryStore, type Category } from '@/stores/category'
import { waitForReady } from '@/utils/app-ready' import { waitForReady } from '@/utils/app-ready'
import { getCategoryTransactionCount } from '@/api/category' import { getCategoryTransactionCount } from '@/api/category'
@@ -158,6 +158,11 @@ onShow(() => {
if (initialLoaded.value) catStore.fetchCategories() if (initialLoaded.value) catStore.fetchCategories()
}) })
onPullDownRefresh(async () => {
await catStore.fetchCategories()
uni.stopPullDownRefresh()
})
function goBack() { function goBack() {
uni.navigateBack() uni.navigateBack()
} }

View File

@@ -140,8 +140,9 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import { onShow, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app' import { onShow, onPullDownRefresh, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
import { useGroupStore } from '@/stores/group' import { useGroupStore } from '@/stores/group'
import { useConfigStore } from '@/stores/config'
import { waitForReady } from '@/utils/app-ready' import { waitForReady } from '@/utils/app-ready'
import { statusBarHeight, capsuleRight } from '@/utils/system' import { statusBarHeight, capsuleRight } from '@/utils/system'
import { API_BASE } from '@/config' import { API_BASE } from '@/config'
@@ -149,6 +150,7 @@ import Icon from '@/components/Icon/Icon.vue'
import type { GroupMember, Group } from '@/api/group' import type { GroupMember, Group } from '@/api/group'
const groupStore = useGroupStore() const groupStore = useGroupStore()
const configStore = useConfigStore()
const actionTab = ref<'create' | 'join'>('create') const actionTab = ref<'create' | 'join'>('create')
const newGroupName = ref('') const newGroupName = ref('')
@@ -174,6 +176,11 @@ onShow(() => {
if (initialLoaded.value) groupStore.fetchGroups() if (initialLoaded.value) groupStore.fetchGroups()
}) })
onPullDownRefresh(async () => {
await groupStore.fetchGroups()
uni.stopPullDownRefresh()
})
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
onShareAppMessage(() => { onShareAppMessage(() => {
// 空值保护:通过右上角菜单触发时 invite_code 可能为空 // 空值保护:通过右上角菜单触发时 invite_code 可能为空
@@ -188,7 +195,7 @@ onShareAppMessage(() => {
}) })
onShareTimeline(() => ({ onShareTimeline(() => ({
title: '小菜记账 — 一起来记账吧!' title: `${configStore.appName} — 一起来记账吧!`
})) }))
// #endif // #endif

View File

@@ -84,10 +84,10 @@
<!-- 关于弹窗 --> <!-- 关于弹窗 -->
<view class="modal-mask" v-if="showAbout" @tap="showAbout = false"> <view class="modal-mask" v-if="showAbout" @tap="showAbout = false">
<view class="modal" @tap.stop> <view class="modal" @tap.stop>
<text class="about-title">小菜记账</text> <text class="about-title">{{ configStore.appName }}</text>
<text class="about-version">v{{ appConfig.app_version || '1.0.0' }}</text> <text class="about-version">v{{ configStore.config.app_version || '1.0.0' }}</text>
<text class="about-desc">{{ appConfig.app_slogan || '温暖 x 轻松的个人记账小程序' }}</text> <text class="about-desc">{{ configStore.appSlogan }}</text>
<text class="about-desc">{{ appConfig.app_description || '让记账从负担变成享受' }}</text> <text class="about-desc">{{ configStore.appDescription }}</text>
<view class="modal-btns modal-btns-top"> <view class="modal-btns modal-btns-top">
<view class="modal-btn confirm" @tap="showAbout = false">知道了</view> <view class="modal-btn confirm" @tap="showAbout = false">知道了</view>
</view> </view>
@@ -135,15 +135,15 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, computed, onMounted } from 'vue' import { ref, computed, onMounted } from 'vue'
import { onShow } from '@dcloudio/uni-app' import { onShow, onPullDownRefresh } from '@dcloudio/uni-app'
import { useTransactionStore } from '@/stores/transaction' import { useTransactionStore } from '@/stores/transaction'
import { useStatsStore } from '@/stores/stats' import { useStatsStore } from '@/stores/stats'
import { useBudgetStore } from '@/stores/budget' import { useBudgetStore } from '@/stores/budget'
import { useUserStore } from '@/stores/user' import { useUserStore } from '@/stores/user'
import { useGroupStore } from '@/stores/group' import { useGroupStore } from '@/stores/group'
import { useConfigStore } from '@/stores/config'
import { waitForReady } from '@/utils/app-ready' import { waitForReady } from '@/utils/app-ready'
import { getTransactions } from '@/api/transaction' import { getTransactions } from '@/api/transaction'
import { getConfig } from '@/api/config'
import { formatAmount } from '@/utils/format' import { formatAmount } from '@/utils/format'
import { statusBarHeight } from '@/utils/system' import { statusBarHeight } from '@/utils/system'
import Icon from '@/components/Icon/Icon.vue' import Icon from '@/components/Icon/Icon.vue'
@@ -153,6 +153,7 @@ const statsStore = useStatsStore()
const budgetStore = useBudgetStore() const budgetStore = useBudgetStore()
const userStore = useUserStore() const userStore = useUserStore()
const groupStore = useGroupStore() const groupStore = useGroupStore()
const configStore = useConfigStore()
const overview = computed(() => statsStore.overview) const overview = computed(() => statsStore.overview)
const budget = computed(() => budgetStore.budget) const budget = computed(() => budgetStore.budget)
@@ -160,7 +161,6 @@ const loading = ref(true)
const showAbout = ref(false) const showAbout = ref(false)
const showIdentity = ref(false) const showIdentity = ref(false)
const initialLoaded = ref(false) const initialLoaded = ref(false)
const appConfig = ref<Record<string, string>>({})
onMounted(async () => { onMounted(async () => {
await waitForReady() await waitForReady()
@@ -171,8 +171,7 @@ onMounted(async () => {
budgetStore.fetchBudget(), budgetStore.fetchBudget(),
txStore.fetchTransactions({ page: 1, pageSize: 1 }), txStore.fetchTransactions({ page: 1, pageSize: 1 }),
userStore.fetchUserInfo(), userStore.fetchUserInfo(),
groupStore.fetchGroups(), groupStore.fetchGroups()
getConfig().then(config => { appConfig.value = config }).catch(() => {})
]) ])
} catch (e) { } catch (e) {
console.error('Profile load error:', e) console.error('Profile load error:', e)
@@ -196,6 +195,20 @@ onShow(async () => {
} catch {} } catch {}
}) })
onPullDownRefresh(async () => {
try {
await Promise.all([
statsStore.fetchOverview(),
budgetStore.fetchBudget(),
txStore.fetchTransactions({ page: 1, pageSize: 1 }),
groupStore.fetchGroups(),
userStore.fetchUserInfo(),
configStore.fetchConfig()
])
} catch {}
uni.stopPullDownRefresh()
})
function goBudget() { function goBudget() {
uni.navigateTo({ url: '/pages/budget/index' }) uni.navigateTo({ url: '/pages/budget/index' })
} }

View File

@@ -123,6 +123,7 @@ import { storeToRefs } from 'pinia'
import { onShow, onPullDownRefresh, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app' import { onShow, onPullDownRefresh, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
import { useStatsStore } from '@/stores/stats' import { useStatsStore } from '@/stores/stats'
import { useGroupStore } from '@/stores/group' import { useGroupStore } from '@/stores/group'
import { useConfigStore } from '@/stores/config'
import { waitForReady } from '@/utils/app-ready' import { waitForReady } from '@/utils/app-ready'
import { getTransactions } from '@/api/transaction' import { getTransactions } from '@/api/transaction'
import { getOverview } from '@/api/stats' import { getOverview } from '@/api/stats'
@@ -134,6 +135,7 @@ import ChartWrapper from '@/components/ChartWrapper/ChartWrapper.vue'
const statsStore = useStatsStore() const statsStore = useStatsStore()
const groupStore = useGroupStore() const groupStore = useGroupStore()
const configStore = useConfigStore()
const currentMonth = ref(getCurrentMonth()) const currentMonth = ref(getCurrentMonth())
const tabType = ref<'expense' | 'income'>('expense') const tabType = ref<'expense' | 'income'>('expense')
@@ -322,7 +324,7 @@ onShareAppMessage(() => {
}) })
onShareTimeline(() => ({ onShareTimeline(() => ({
title: `小菜记账 — 我的${formatMonth(currentMonth.value)}账单` title: `${configStore.appName} — 我的${formatMonth(currentMonth.value)}账单`
})) }))
// #endif // #endif

View File

@@ -0,0 +1,31 @@
import { defineStore } from 'pinia'
import { ref } from 'vue'
import { getConfig } from '@/api/config'
/** 系统配置 store全局缓存品牌文案等配置 */
export const useConfigStore = defineStore('config', () => {
const config = ref<Record<string, string>>({})
const loaded = ref(false)
/** 品牌名称 */
const appName = ref('小菜记账')
/** 品牌标语 */
const appSlogan = ref('温暖 x 轻松的个人记账小程序')
/** 品牌描述 */
const appDescription = ref('让记账从负担变成享受')
async function fetchConfig() {
try {
const data = await getConfig()
config.value = data
if (data.app_name) appName.value = data.app_name
if (data.app_slogan) appSlogan.value = data.app_slogan
if (data.app_description) appDescription.value = data.app_description
loaded.value = true
} catch {
// 配置加载失败时使用默认值
}
}
return { config, loaded, appName, appSlogan, appDescription, fetchConfig }
})