feat(distribution): 实现分销员中心完整功能

- 新增分销业绩统计页面，包含时间范围筛选和自定义日期选择功能
- 重构分销认证页面，改为跳转至招募页面申请分销员身份
- 添加分销商品访问记录功能，支持分享追踪和佣金计算
- 更新分销历史记录页面，优化数据结构和显示字段
- 完全重写分销员首页，包含用户信息、收益统计、等级系统等功能

pages/tabbar/home/template/tpl_notice.vue

@@ -1,7 +1,12 @@
 <template>
-  <div class="layout">
+  <div class="layout" v-if="list.length">
     <div class="background">
-      <u-notice-bar mode="vertical" :bg-color="res.list[0].bk_color" :color="res.list[0].color" :list="list"></u-notice-bar>
+      <u-notice-bar
+        direction="column"
+        :bg-color="noticeStyle.bk_color"
+        :color="noticeStyle.color"
+        :text="list"
+      ></u-notice-bar>
     </div>
   </div>
 </template>
@@ -11,9 +16,15 @@ import { computed } from "vue";
 
 const props = defineProps<{ res: any }>();
 
-const list = computed(() =>
-  props.res.list[0].title.map((i: { context: string }) => i.context)
-);
+const noticeStyle = computed(() => props.res?.list?.[0] || {});
+
+const list = computed(() => {
+  const titles = props.res?.list?.[0]?.title;
+  if (!Array.isArray(titles)) return [];
+  return titles
+    .map((item: { context?: string }) => (item?.context == null ? "" : String(item.context)))
+    .filter((text: string) => text.length > 0);
+});
 </script>
 <style lang="scss" scoped>
   @import "./tpl.scss";