增加品牌方案管理

gym-manage-uniapp/pages/my-courses/my-courses.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="my-courses-page">
-		<view class="header-wrap" :style="{ paddingTop: statusBarHeight + 'px' }">
-			<view class="nav-bar" :style="{ height: navBarHeight + 'px' }">
+		<view class="header-wrap" :style="headerStyle">
+			<view class="nav-bar" :style="navStyle">
 				<text class="nav-title">&#8981; 我的课程</text>
 			</view>
 		</view>
@@ -53,7 +53,7 @@
 				<view v-if="!loading && bookings.length === 0" class="empty-state">
 					<text class="empty-symbol">&#8857;</text>
 					<text class="empty-text">暂无预约课程</text>
-					<text class="empty-sub" @click="goToSearch">前往预约团课 &#8250;</text>
+					<text class="empty-sub" :style="{ color: brandConfig.primaryColor }" @click="goToSearch">前往预约团课 &#8250;</text>
 				</view>
 
 				<view class="bottom-safe"></view>
@@ -65,6 +65,7 @@
 <script>
 	const bookingApi = require('../../api/booking')
 	const store = require('../../store/index')
+	const brandStore = require('../../store/brand')
 
 	export default {
 		data() {
@@ -75,7 +76,8 @@
 				loading: true,
 				cancelling: null,
 				signing: null,
-				bookings: []
+				bookings: [],
+				brandConfig: brandStore.config
 			}
 		},
 		onLoad() {
@@ -91,13 +93,26 @@
 			this.statusBarHeight = statusBarHeight
 			this.navBarHeight = navBarHeight
 			this.totalHeaderHeight = statusBarHeight + navBarHeight
+			uni.$on('brand:updated', (config) => { this.brandConfig = config })
+		},
+		onUnload() {
+			uni.$off('brand:updated')
+		},
+		computed: {
+			headerStyle() {
+				return 'padding-top:' + this.statusBarHeight + 'px;background-color:' + this.brandConfig.secondaryColor
+			},
+			navStyle() {
+				return 'height:' + this.navBarHeight + 'px;background-color:' + this.brandConfig.secondaryColor
+			}
 		},
 		onShow() {
 			if (!store.isLoggedIn) return
 			this.loadBookings()
 		},
 		onPullDownRefresh() {
-			this.loadBookings().finally(() => { uni.stopPullDownRefresh() })
+			Promise.all([this.loadBookings(), brandStore.fetchConfig()])
+				.finally(() => { uni.stopPullDownRefresh() })
 		},
 		methods: {
 			goToSearch() { uni.switchTab({ url: '/pages/search/search' }) },