feat: 本地修改同步提交 - 小程序前端组件更新

cfc-frontend/components/DimensionTasks.vue

@@ -24,6 +24,7 @@
 </template>
 
 <script>
+import api from '@/utils/api.js'
 export default {
   props: {
     dimensionCode: { type: String, required: true },
@@ -47,12 +48,10 @@ export default {
     loadTasks: function() {
       var self = this
       if (!self.childId) return
-      import('@/utils/api.js').then(function(api) {
-        api.getTodayTasksByCategory(self.childId, self.dimensionCode).then(function(res) {
-          self.tasksData = res.data || []
-        }).catch(function() {
-          // silently fail
-        })
+      api.getTodayTasksByCategory(self.childId, self.dimensionCode).then(function(res) {
+        self.tasksData = res.data || []
+      }).catch(function() {
+        // silently fail
       })
     }
   }

cfc-frontend/components/FamilyRelationGraph.vue

@@ -259,6 +259,14 @@ export default {
       this.startSimulation()
     },
 
+    // hex → rgba（小程序不支持 8 位 hex 颜色 #RRGGBBAA）
+    hexToRgba: function(hex, alpha) {
+      var r = parseInt(hex.slice(1, 3), 16)
+      var g = parseInt(hex.slice(3, 5), 16)
+      var b = parseInt(hex.slice(5, 7), 16)
+      return 'rgba(' + r + ',' + g + ',' + b + ',' + alpha + ')'
+    },
+
     startSimulation: function() {
       if (this.isSimulating) return
       this.isSimulating = true
@@ -399,10 +407,10 @@ export default {
       // 6. 渲染
       this.render()
 
-      // 7. 下一帧
-      this.animFrameId = requestAnimationFrame(function() {
+      // 7. 下一帧（小程序无 requestAnimationFrame，用 setTimeout 降级）
+      this.animFrameId = setTimeout(function() {
         self.simulationTick()
-      })
+      }, 16)
     },
 
     // ===== 渲染 =====
@@ -474,7 +482,7 @@ export default {
           ctx.lineWidth = 3
           ctx.stroke()
         } else {
-          ctx.fillStyle = this.themeColor + '22'
+          ctx.fillStyle = this.hexToRgba(this.themeColor, 0.13)
           ctx.fill()
         }
 
@@ -529,18 +537,18 @@ export default {
           ctx.setLineWidth(3)
           ctx.stroke()
         } else {
-          ctx.setFillStyle(this.themeColor + '22')
+          ctx.setFillStyle(this.hexToRgba(this.themeColor, 0.13))
           ctx.fill()
         }
 
         ctx.setFillStyle(node.isSelf ? this.themeColor : '#4A5568')
-        ctx.setFont('bold ' + (r * 0.9) + 'px sans-serif')
+        ctx.font = 'bold ' + (r * 0.9) + 'px sans-serif'
         ctx.setTextAlign('center')
         ctx.setTextBaseline('middle')
         ctx.fillText(node.displayName, node.x, node.y)
 
         ctx.setFillStyle(node.isSelf ? this.themeColor : '#94A3B8')
-        ctx.setFont((r * 0.4) + 'px sans-serif')
+        ctx.font = (r * 0.4) + 'px sans-serif'
         ctx.fillText(node.nickname.substring(0, 3), node.x, node.y + r + 10)
       }
 

cfc-frontend/components/HealthCheckinCard.vue

@@ -23,6 +23,7 @@
 </template>
 
 <script>
+import api from '@/utils/api.js'
 export default {
   props: {
     childId: { type: Number, default: null }
@@ -92,19 +93,17 @@ export default {
     loadCheckins: function() {
       var self = this
       if (!this.childId) return
-      import('@/utils/api.js').then(function(api) {
-        var now = new Date()
-        var yearMonth = now.getFullYear() + '-' + ('' + (now.getMonth() + 1)).padStart(2, '0')
-        api.healthCheckinList({
-          childId: self.childId,
-          yearMonth: yearMonth
-        }).then(function(res) {
-          if (res.data) {
-            self.checkins = res.data
-          }
-        }).catch(function() {
-          self.checkins = []
-        })
+      var now = new Date()
+      var yearMonth = now.getFullYear() + '-' + ('' + (now.getMonth() + 1)).padStart(2, '0')
+      api.healthCheckinList({
+        childId: self.childId,
+        yearMonth: yearMonth
+      }).then(function(res) {
+        if (res.data) {
+          self.checkins = res.data
+        }
+      }).catch(function() {
+        self.checkins = []
       })
     },
     doCheckin: function() {
@@ -115,19 +114,17 @@ export default {
       }
       if (this.loading) return
       this.loading = true
-      import('@/utils/api.js').then(function(api) {
-        api.healthCheckinCreate({
-          childId: self.childId,
-          checkinDate: self.getDateString(new Date()),
-          behaviors: [],
-          mood: 'happy'
-        }).then(function(res) {
-          self.loading = false
-          uni.showToast({ title: '打卡成功！+' + (res.data && res.data.earnedEnergy || 5) + '身能量', icon: 'none' })
-          self.checkins.unshift(res.data)
-        }).catch(function() {
-          self.loading = false
-        })
+      api.healthCheckinCreate({
+        childId: self.childId,
+        checkinDate: self.getDateString(new Date()),
+        behaviors: [],
+        mood: 'happy'
+      }).then(function(res) {
+        self.loading = false
+        uni.showToast({ title: '打卡成功！+' + (res.data && res.data.earnedEnergy || 5) + '身能量', icon: 'none' })
+        self.checkins.unshift(res.data)
+      }).catch(function() {
+        self.loading = false
       })
     }
   }

cfc-frontend/pages/teacher/teacher-profile.vue

@@ -90,10 +90,12 @@ export default {
     }
   },
   onLoad() {
-    this.nickname = uni.getStorageSync('userInfo')?.nickname || ''
+    var _userInfo = uni.getStorageSync('userInfo')
+    this.nickname = (_userInfo && _userInfo.nickname) || ''
   },
   onShow() {
-    this.nickname = uni.getStorageSync('userInfo')?.nickname || ''
+    var _userInfo = uni.getStorageSync('userInfo')
+    this.nickname = (_userInfo && _userInfo.nickname) || ''
   },
   methods: {
     async switchToParent() {