npmapps 1.1.4 → 1.1.6

package/app/wujie-wk/wujie-vue2-child/src/components/EventCalendar/mockData.js

@@ -0,0 +1,475 @@
+/**
+ * EventCalendar 模拟数据
+ * ------------------------------------------------------------------
+ * 用 setTimeout 模拟后端异步接口，便于演示「骨架屏 -> 真实数据」的过程。
+ * 真实接入时把 fetchXxx 换成自己的 request 即可，组件本身不关心数据来源。
+ *
+ * 注意：这里的字段名是「默认字段名」，若后端字段不同，
+ *      不需要改数据，只需给组件传 field-names（见 ALT_* 相关导出）。
+ * NodeQ 形状的原始响应见文件下方的 NODEQ_MOCK_RESPONSE，配合
+ * recruitmentAdapter.js 使用。
+ */
+
+/* -------------------------------------------------------------------------- */
+/*                                  基础素材                                   */
+/* -------------------------------------------------------------------------- */
+
+/** 学校名池（取自设计图） */
+const SCHOOLS = [
+  '香港中文大学（深圳）', '南方科技大学', '哈尔滨工业大学（深圳）',
+  '电子科技大学', '北京邮电大学', '厦门大学',
+  '四川大学', '中央财经大学', '东南大学',
+  '南京审计大学', '北京理工大学', '西南财经大学',
+  '中国人民大学', '南京大学', '武汉大学',
+  '华中科技大学', '复旦大学', '对外经济贸易大学', '北京师范大学',
+  '上海财经大学', '中南财经政法大学', '北京大学',
+  '华东师范大学', '清华大学', '西北工业大学', '南开大学',
+  '上海交通大学', '天津大学', '西安交通大学',
+  '浙江大学', '同济大学', '大连理工大学',
+  '中国科学技术大学', '吉林大学', '华南理工大学',
+  '中南大学', '山东大学', '重庆大学', '湖南大学', '兰州大学'
+]
+
+/** 条目类型（角标文案 + 类型标识，类型用于组件内 typeColors 配色） */
+const EVENT_TYPES = [
+  { badge: '宣讲', type: 'talk' },
+  { badge: '双选', type: 'fair' },
+  { badge: '直播', type: 'live' },
+  { badge: '笔试', type: 'exam' }
+]
+
+/**
+ * 线性同余伪随机数生成器
+ * ------------------------------------------------------------------
+ * 不用 Math.random 是为了让每次刷新拿到的模拟数据都一致，
+ * 这样调试样式 / 截图对比时不会因为数据抖动而困扰。
+ */
+function createRandom(seed) {
+  let s = seed >>> 0
+  return function random() {
+    s = (s * 1664525 + 1013904223) >>> 0
+    return s / 4294967296
+  }
+}
+
+function pad2(n) {
+  return n < 10 ? '0' + n : String(n)
+}
+
+/**
+ * 生成某个月的日期数据
+ * @param {String} monthKey  '2026-09'
+ * @param {Object} options
+ * @param {Number} options.seed        随机种子
+ * @param {Number} options.maxItems    单日最多条目数
+ * @param {Number} options.density     有数据的日期占比 0~1
+ * @param {Boolean} options.skipWeekend 周末是否基本不排期（贴近真实业务）
+ */
+function createMonthDays(monthKey, options = {}) {
+  const { seed = 20260907, maxItems = 6, density = 0.62, skipWeekend = true } = options
+  const random = createRandom(seed)
+
+  const [year, month] = monthKey.split('-').map(Number)
+  const daysInMonth = new Date(year, month, 0).getDate()
+
+  const days = []
+  let uid = 0
+
+  for (let day = 1; day <= daysInMonth; day++) {
+    const date = new Date(year, month - 1, day)
+    const isWeekend = date.getDay() === 0 || date.getDay() === 6
+
+    // 周末排期概率大幅降低
+    const hit = random() < (skipWeekend && isWeekend ? density * 0.12 : density)
+    if (!hit) continue
+
+    // 单日条目数 1 ~ maxItems，故意让少数几天超过 4 条以演示滚动条
+    const count = 1 + Math.floor(random() * maxItems)
+
+    const items = []
+    for (let i = 0; i < count; i++) {
+      const school = SCHOOLS[Math.floor(random() * SCHOOLS.length)]
+      const evt = EVENT_TYPES[Math.floor(random() * EVENT_TYPES.length)]
+      items.push({
+        id: `${monthKey}-${day}-${uid++}`,
+        label: school,
+        badge: evt.badge,
+        type: evt.type,
+        // 冗余字段：演示插槽里可以拿到完整原始对象
+        address: `${school}就业指导中心`,
+        startTime: `${pad2(9 + (i % 8))}:30`
+      })
+    }
+
+    days.push({
+      date: `${monthKey}-${pad2(day)}`,
+      items
+    })
+  }
+
+  return days
+}
+
+/** 统一的异步包装：delay 毫秒后 resolve，模拟网络请求 */
+function delayResolve(payload, delay) {
+  return new Promise((resolve) => {
+    setTimeout(() => resolve(payload), delay)
+  })
+}
+
+/* -------------------------------------------------------------------------- */
+/*                               默认字段名接口                                 */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * 拉取宣讲日历数据（默认字段名，组件开箱即用）
+ *
+ * @param {Object}  options
+ * @param {Array}   options.months  要生成的月份，默认 2026 年 9/10/11 月
+ * @param {Number}  options.delay   模拟网络耗时（ms），默认 1500
+ * @returns {Promise<Array>} [{ month, monthLabel, days: [{ date, items: [] }] }]
+ */
+export function fetchCalendarData(options = {}) {
+  const {
+    months = ['2026-09', '2026-10', '2026-11'],
+    delay = 1500,
+    maxItems = 6,
+    density = 0.62
+  } = options
+
+  const data = months.map((monthKey, index) => {
+    const [year, month] = monthKey.split('-').map(Number)
+    return {
+      month: monthKey,
+      monthLabel: `${year}年${month}月`,
+      days: createMonthDays(monthKey, {
+        seed: year * 100 + month + index * 7,
+        maxItems,
+        density
+      })
+    }
+  })
+
+  return delayResolve(data, delay)
+}
+
+/**
+ * 跨年数据：2025-12 / 2026-01 / 2026-02
+ * ------------------------------------------------------------------
+ * 专门用于验证需求里点名的边界情况：
+ *  - 1 月要往前补 2025 年 12 月的日期；
+ *  - 2 月只有 28 天（2026 非闰年），末尾要补 3 月；
+ *  - 12 月要往后补 2026 年 1 月。
+ */
+export function fetchCrossYearData(options = {}) {
+  const { delay = 1200 } = options
+  return fetchCalendarData({
+    months: ['2025-12', '2026-01', '2026-02'],
+    delay,
+    density: 0.55
+  })
+}
+
+/** 空数据（演示空状态） */
+export function fetchEmptyData(options = {}) {
+  const { delay = 900, months = ['2026-09'] } = options
+  const data = months.map((monthKey) => ({
+    month: monthKey,
+    monthLabel: monthKey,
+    days: []
+  }))
+  return delayResolve(data, delay)
+}
+
+/* -------------------------------------------------------------------------- */
+/*                         NodeQ 后端形状模拟数据                             */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * NodeQ 形状的模拟响应。
+ *
+ * 默认生成 2026-09 / 2026-10 / 2026-11 三个月，每个月 14 个有数据的日期，
+ * 每个日期固定 3～5 条记录。字段刻意使用截图中的
+ * `nbcbRecAnnJourneyMaps / publicityDate / publicityPlace`；额外加入独立的
+ * `publicityAddress` 字段，用来模拟本次新增的地址参数。
+ */
+const NODEQ_SCHOOLS = [
+  '大连理工大学', '北京大学深圳研究生院', '香港中文大学（深圳）',
+  '哈尔滨工业大学（深圳）', '南方科技大学', '电子科技大学',
+  '北京邮电大学', '华南理工大学', '中国人民大学', '西安交通大学',
+  '中南财经政法大学', '南京大学', '上海交通大学', '浙江大学',
+  '西北工业大学', '厦门大学', '武汉大学', '同济大学'
+]
+
+const NODEQ_CITIES = [
+  '北京市海淀区学院路', '上海市杨浦区四平路', '广东省深圳市南山区',
+  '江苏省南京市鼓楼区', '辽宁省大连市甘井子区', '四川省成都市高新区'
+]
+
+const NODEQ_ORGS = [
+  '总行、北京分行、上海分行',
+  '总行、深圳分行、广州分行',
+  '总行、南京分行、杭州分行',
+  '总行、成都分行、大连分行'
+]
+
+export function createNodeqMockResponse(options = {}) {
+  const {
+    months = ['2026-09', '2026-10', '2026-11'],
+    daysPerMonth = 14,
+    minItems = 3,
+    maxItems = 5,
+    includeBadge = false,
+    seed = 20260904
+  } = options
+
+  const journeyMaps = {}
+
+  months.forEach((monthKey, monthIndex) => {
+    const [year, month] = monthKey.split('-').map(Number)
+    const daysInMonth = new Date(year, month, 0).getDate()
+    const random = createRandom(seed + monthIndex * 97)
+    const wantedDays = Math.min(Math.max(10, Number(daysPerMonth) || 14), daysInMonth)
+    const dayNumbers = []
+
+    // 交错选取日期，让每个月都有「十几天」且分布不挤在一起。
+    for (let day = 1; day <= daysInMonth && dayNumbers.length < wantedDays; day++) {
+      if ((day + monthIndex) % 2 === 0) dayNumbers.push(day)
+    }
+    // 极短月份的兜底（默认月份不会走到这里）。
+    for (let day = 1; day <= daysInMonth && dayNumbers.length < wantedDays; day++) {
+      if (!dayNumbers.includes(day)) dayNumbers.push(day)
+    }
+    dayNumbers.sort((a, b) => a - b)
+
+    dayNumbers.forEach((day) => {
+      const dateKey = `${monthKey}-${pad2(day)}`
+      const range = Math.max(0, Number(maxItems) - Number(minItems) + 1)
+      const count = Number(minItems) + (range > 0 ? Math.floor(random() * range) : 0)
+      const records = []
+
+      for (let itemIndex = 0; itemIndex < count; itemIndex++) {
+        const school = NODEQ_SCHOOLS[Math.floor(random() * NODEQ_SCHOOLS.length)]
+        const city = NODEQ_CITIES[Math.floor(random() * NODEQ_CITIES.length)]
+        const campus = `${city}${itemIndex % 3 === 0 ? '就业指导中心' : '校区报告厅'}`
+        const record = {
+          enterpriseYear: year,
+          operateTime: `${dateKey} 08:30:00`,
+          operator: 'mock-nodeq',
+          participationOrg: NODEQ_ORGS[(day + itemIndex + monthIndex) % NODEQ_ORGS.length],
+          publicityDate: `${dateKey} 00:00:00`,
+          publicityDateStr: dateKey,
+          publicityPlace: school,
+          publicityAddress: campus
+        }
+
+        // 可选角标字段；字段不存在时转换结果使用空字符串。
+        if (includeBadge && itemIndex % 3 === 0) {
+          record.publicityTypeName = itemIndex % 2 === 0 ? '宣讲直播' : '宣讲'
+        }
+        records.push(record)
+      }
+
+      journeyMaps[dateKey] = records
+    })
+  })
+
+  return {
+    data: {
+      content: 'NodeQ 宣讲日历模拟数据',
+      id: 'NODEQ-MOCK-CALENDAR',
+      nbcbRecAnnJourneyMaps: journeyMaps
+    },
+    message: 'ok',
+    msgType: null,
+    status: '0000'
+  }
+}
+
+/** 直接可用于页面演示的三个月原始响应（部分记录带角标，部分不带）。 */
+export const NODEQ_MOCK_RESPONSE = createNodeqMockResponse({ includeBadge: true })
+// 兼容喜欢下划线命名的调用方。
+export const NODE_Q_MOCK_RESPONSE = NODEQ_MOCK_RESPONSE
+export const NODEQ_MOCK_DATA = NODEQ_MOCK_RESPONSE
+
+/**
+ * 异步返回 NodeQ 原始响应，模拟真实 request 的 Promise。
+ * `includeBadge` 默认 false，便于验证没有角标时不会留下空白。
+ */
+export function fetchNodeqCalendarData(options = {}) {
+  const { delay = 0, ...mockOptions } = options
+  return delayResolve(createNodeqMockResponse(mockOptions), delay)
+}
+
+export const fetchNodeqCalendarResponse = fetchNodeqCalendarData
+export const fetchNodeQCalendarData = fetchNodeqCalendarData
+
+/* -------------------------------------------------------------------------- */
+/*                          自定义字段名接口（演示 fieldNames）                  */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * 与后端字段不一致时的映射配置。
+ * 把这个对象传给组件的 field-names，组件就能读懂下面 fetchCalendarDataV2 的数据。
+ */
+export const ALT_FIELD_NAMES = {
+  month: 'ym',
+  monthLabel: 'ymText',
+  days: 'dateList',
+  date: 'dayStr',
+  items: 'activityList',
+  itemKey: 'activityId',
+  itemLabel: 'schoolName',
+  itemAddress: 'rawAddress',
+  itemBadge: 'activityTypeName',
+  itemType: 'activityType',
+  itemDisabled: 'expired'
+}
+
+/**
+ * 「后端字段完全不同」的模拟接口。
+ * 数据结构故意与默认约定不一致：month -> ym、days -> dateList、label -> schoolName ...
+ */
+export function fetchCalendarDataV2(options = {}) {
+  const { months = ['2026-09', '2026-10'], delay = 1500 } = options
+
+  const data = months.map((monthKey, index) => {
+    const [year, month] = monthKey.split('-').map(Number)
+    const days = createMonthDays(monthKey, { seed: 999 + index * 31, maxItems: 5 })
+
+    return {
+      ym: monthKey,
+      ymText: `${month} 月场次`,
+      dateList: days.map((d) => ({
+        dayStr: d.date,
+        activityList: d.items.map((it) => ({
+          activityId: it.id,
+          schoolName: it.label,
+          activityTypeName: it.badge,
+          activityType: it.type,
+          expired: false,
+          rawAddress: it.address
+        }))
+      }))
+    }
+  })
+
+  return delayResolve(data, delay)
+}
+
+/* -------------------------------------------------------------------------- */
+/*                                 固定演示数据                                 */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * 一份写死的小数据，用于「基础用法」示例，
+ * 便于阅读文档时一眼看清数据结构。
+ */
+export const SIMPLE_DATA = [
+  {
+    month: '2026-09',
+    monthLabel: '2026年9月',
+    days: [
+      {
+        date: '2026-09-09',
+        items: [
+          { id: 'a1', label: '香港中文大学（深圳）', badge: '宣讲', type: 'talk' },
+          { id: 'a2', label: '南方科技大学', badge: '宣讲', type: 'talk' },
+          { id: 'a3', label: '哈尔滨工业大学（深圳）', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-10',
+        items: [
+          { id: 'b1', label: '电子科技大学', badge: '宣讲', type: 'talk' },
+          { id: 'b2', label: '北京邮电大学', badge: '宣讲', type: 'talk' },
+          { id: 'b3', label: '厦门大学', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-11',
+        items: [
+          { id: 'c1', label: '四川大学', badge: '宣讲', type: 'talk' },
+          { id: 'c2', label: '中央财经大学', badge: '宣讲', type: 'talk' },
+          { id: 'c3', label: '东南大学', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-12',
+        items: [
+          { id: 'd1', label: '南京审计大学', badge: '双选', type: 'fair' },
+          { id: 'd2', label: '北京理工大学', badge: '宣讲', type: 'talk' },
+          { id: 'd3', label: '西南财经大学', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-14',
+        items: [
+          { id: 'e1', label: '中央财经大学', badge: '双选', type: 'fair' },
+          { id: 'e2', label: '中国人民大学', badge: '宣讲', type: 'talk' },
+          { id: 'e3', label: '南京大学', badge: '宣讲', type: 'talk' },
+          { id: 'e4', label: '武汉大学', badge: '宣讲', type: 'talk' },
+          { id: 'e5', label: '山东大学', badge: '直播', type: 'live' },
+          { id: 'e6', label: '重庆大学', badge: '笔试', type: 'exam' }
+        ]
+      },
+      {
+        date: '2026-09-16',
+        items: [
+          { id: 'f1', label: '华中科技大学', badge: '宣讲', type: 'talk' },
+          { id: 'f2', label: '复旦大学', badge: '宣讲', type: 'talk' },
+          { id: 'f3', label: '对外经济贸易大学', badge: '宣讲', type: 'talk' },
+          { id: 'f4', label: '北京师范大学', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-17',
+        items: [
+          { id: 'g1', label: '上海财经大学', badge: '宣讲', type: 'talk' },
+          { id: 'g2', label: '中南财经政法大学', badge: '宣讲', type: 'talk' },
+          { id: 'g3', label: '北京大学', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-18',
+        items: [
+          { id: 'h1', label: '华东师范大学', badge: '宣讲', type: 'talk' },
+          { id: 'h2', label: '清华大学', badge: '宣讲', type: 'talk' },
+          { id: 'h3', label: '西北工业大学', badge: '宣讲', type: 'talk' },
+          { id: 'h4', label: '南开大学', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-19',
+        items: [
+          { id: 'i1', label: '上海交通大学', badge: '宣讲', type: 'talk' },
+          { id: 'i2', label: '天津大学', badge: '宣讲', type: 'talk' },
+          { id: 'i3', label: '西安交通大学', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-22',
+        items: [
+          { id: 'j1', label: '浙江大学', badge: '宣讲', type: 'talk' },
+          { id: 'j2', label: '同济大学', badge: '宣讲', type: 'talk' },
+          { id: 'j3', label: '大连理工大学', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-23',
+        items: [
+          { id: 'k1', label: '中国科学技术大学', badge: '宣讲', type: 'talk' },
+          { id: 'k2', label: '吉林大学', badge: '宣讲', type: 'talk' },
+          { id: 'k3', label: '华南理工大学', badge: '宣讲', type: 'talk' }
+        ]
+      },
+      {
+        date: '2026-09-24',
+        items: [
+          { id: 'l1', label: '中南大学', badge: '双选', type: 'fair' },
+          { id: 'l2', label: '哈尔滨工业大学', badge: '宣讲', type: 'talk' }
+        ]
+      }
+    ]
+  }
+]

package/app/wujie-wk/wujie-vue2-child/src/components/EventCalendar/recruitmentAdapter.js

@@ -0,0 +1,51 @@
+/**
+ * 把 NodeQ mock 响应转换成 EventCalendar 的默认数据结构。
+ *
+ * 输入：response.data.nbcbRecAnnJourneyMaps
+ * 输出：[{ month, monthLabel, days: [{ date, items }] }]
+ */
+export function transformNodeqCalendarResponse(response) {
+  const journeyMap = response && response.data
+    ? response.data.nbcbRecAnnJourneyMaps
+    : null
+
+  if (!journeyMap || typeof journeyMap !== 'object') return []
+
+  const months = {}
+
+  Object.keys(journeyMap).sort().forEach((date) => {
+    const dateKey = String(date).slice(0, 10)
+    const monthKey = dateKey.slice(0, 7)
+    const records = Array.isArray(journeyMap[date]) ? journeyMap[date] : []
+
+    if (!/^\d{4}-\d{2}-\d{2}$/.test(dateKey)) return
+
+    if (!months[monthKey]) {
+      const [year, month] = monthKey.split('-')
+      months[monthKey] = {
+        month: monthKey,
+        monthLabel: `${year}年${Number(month)}月`,
+        days: []
+      }
+    }
+
+    months[monthKey].days.push({
+      date: dateKey,
+      items: records.map((record, index) => {
+        const item = record || {}
+        return {
+          id: item.id || `${dateKey}-${index}`,
+          label: item.publicityPlace || '',
+          address: item.publicityAddress || '',
+          // badge: item.publicityTypeName || '',
+          type: item.type || '',
+          disabled: item.disabled || false
+        }
+      })
+    })
+  })
+
+  return Object.keys(months).sort().map((monthKey) => months[monthKey])
+}
+
+export default transformNodeqCalendarResponse