appsnbcbweicheng 1.2.27 → 1.2.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "appsnbcbweicheng",
-  "version": "1.2.27",
+  "version": "1.2.28",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/readme.md

@@ -1,3 +1,4 @@
+1.2.28 双击复制
 1.2.27 日历编辑
 1.2.26 投研平台
 1.2.25 投研平台

package/public/Calendar.vue

@@ -1,679 +0,0 @@
-<template>
-  <div class="workday-calendar">
-    <div class="toolbar">
-      <div class="year-nav">
-        <el-button icon="el-icon-arrow-left" circle size="small" @click="changeYear(-1)" />
-        <span class="year-label">{{ year }} 年</span>
-        <el-button icon="el-icon-arrow-right" circle size="small" @click="changeYear(1)" />
-      </div>
-
-      <div class="toolbar-actions">
-        <el-radio-group v-model="selectMode" size="small" @change="onSelectModeChange">
-          <el-radio-button label="single">单选</el-radio-button>
-          <el-radio-button label="multi">复选</el-radio-button>
-        </el-radio-group>
-
-        <el-button v-if="selectMode === 'multi'" :type="rangePickMode ? 'primary' : 'default'" size="small"
-          @click="toggleRangePickMode">
-          起止选择
-        </el-button>
-
-        <el-button type="primary" size="small" :disabled="!hasSelection" @click="applyType('work')">
-          设为工作日
-        </el-button>
-        <el-button type="warning" size="small" :disabled="!hasSelection" @click="applyType('rest')">
-          设为非工作日
-        </el-button>
-
-        <el-button type="success" size="small" @click="handleSubmit">
-          提交（{{ changeCount }} 项变更）
-        </el-button>
-      </div>
-    </div>
-
-    <div v-if="selectMode === 'multi' && rangePickMode && rangeAnchor" class="range-hint">
-      已选起始日 {{ rangeAnchor }}，请点击同月内的结束日完成范围选择，或
-      <el-button type="text" size="mini" @click="clearRangeAnchor">取消</el-button>
-    </div>
-
-    <div class="legend">
-      <span class="legend-item"><i class="dot work" />工作日</span>
-      <span class="legend-item"><i class="dot rest" />非工作日</span>
-      <span class="legend-item"><i class="dot modified" />已修改</span>
-      <span class="legend-item"><i class="dot selected" />已选中</span>
-    </div>
-
-    <div class="months-grid">
-      <div v-for="month in 12" :key="month" class="month-card">
-        <div class="month-title">{{ month }} 月</div>
-        <div class="month-calendar">
-          <div class="week-header">
-            <span v-for="w in weekLabels" :key="w">{{ w }}</span>
-          </div>
-          <div class="days-grid" @mouseleave="onMonthMouseLeave(month)">
-            <template v-for="(cell, idx) in getMonthCells(month)">
-              <div v-if="cell === null" :key="`empty-${month}-${idx}`" class="day-cell empty" />
-              <div v-else :key="`${month}-${cell}`" class="day-cell" :class="dayCellClass(month, cell)"
-                @mousedown.prevent="onDayMouseDown(month, cell, $event)" @mouseenter="onDayMouseEnter(month, cell)"
-                @mouseup="onDayMouseUp(month)" @click="onDayClick(month, cell)">
-                {{ cell }}
-              </div>
-            </template>
-            <!-- 框选遮罩 -->
-            <div v-if="dragState.active && dragState.month === month && dragBoxStyle" class="drag-box"
-              :style="dragBoxStyle" />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-const WEEK_LABELS = ['一', '二', '三', '四', '五', '六', '日']
-
-function pad2(n) {
-  return String(n).padStart(2, '0')
-}
-
-function toDateKey(year, month, day) {
-  return `${year}-${pad2(month)}-${pad2(day)}`
-}
-
-function parseDateKey(key) {
-  const [y, m, d] = key.split('-').map(Number)
-  return { year: y, month: m, day: d }
-}
-
-export default {
-  name: 'WorkdayCalendar',
-  props: {
-    /** 初始年份 */
-    initialYear: {
-      type: Number,
-      default: () => new Date().getFullYear(),
-    },
-    /**
-     * 初始日历数据 { '2026-01-01': 'work' | 'rest' }
-     * 未指定的日期默认：周六日为 rest，其余为 work
-     */
-    value: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  data() {
-    return {
-      year: this.initialYear,
-      weekLabels: WEEK_LABELS,
-      selectMode: 'multi',
-      /** 当前日期类型 */
-      dayMap: {},
-      /** 提交对比用的原始快照 */
-      originalMap: {},
-      /** 选中日期集合 */
-      selected: {},
-      /** 复选模式下的起止范围起点 */
-      rangeAnchor: null,
-      rangePickMode: false,
-      dragMoved: false,
-      /** 框选状态 */
-      dragState: {
-        active: false,
-        month: null,
-        startIdx: null,
-        endIdx: null,
-      },
-      dragBoxStyle: null,
-    }
-  },
-  computed: {
-    hasSelection() {
-      return Object.keys(this.selected).length > 0
-    },
-    changeCount() {
-      return this.getChanges().length
-    },
-  },
-  watch: {
-    year() {
-      this.initYearData()
-      this.clearSelection()
-    },
-    value: {
-      deep: true,
-      handler() {
-        this.initYearData()
-      },
-    },
-  },
-  created() {
-    this.initYearData()
-    document.addEventListener('mouseup', this.onDocumentMouseUp)
-  },
-  beforeDestroy() {
-    document.removeEventListener('mouseup', this.onDocumentMouseUp)
-  },
-  methods: {
-    initYearData() {
-      const map = {}
-      for (let m = 1; m <= 12; m++) {
-        const days = new Date(this.year, m, 0).getDate()
-        for (let d = 1; d <= days; d++) {
-          const key = toDateKey(this.year, m, d)
-          if (this.value[key] !== undefined) {
-            map[key] = this.value[key]
-          } else {
-            map[key] = this.defaultTypeForDate(this.year, m, d)
-          }
-        }
-      }
-      console.log(map, 'map')
-      this.dayMap = { ...map }
-      this.originalMap = { ...map }
-    },
-
-    defaultTypeForDate(year, month, day) {
-      const wd = new Date(year, month - 1, day).getDay()
-      return wd === 0 || wd === 6 ? 'rest' : 'work'
-    },
-
-    getMonthCells(month) {
-      const first = new Date(this.year, month - 1, 1)
-      const daysInMonth = new Date(this.year, month, 0).getDate()
-      let offset = first.getDay()
-      offset = offset === 0 ? 6 : offset - 1
-
-      const cells = []
-      for (let i = 0; i < offset; i++) cells.push(null)
-      for (let d = 1; d <= daysInMonth; d++) cells.push(d)
-      return cells
-    },
-
-    dayCellClass(month, day) {
-      const key = toDateKey(this.year, month, day)
-      const type = this.dayMap[key]
-      return {
-        work: type === 'work',
-        rest: type === 'rest',
-        selected: !!this.selected[key],
-        modified: this.dayMap[key] !== this.originalMap[key],
-        'range-anchor': this.rangeAnchor === key,
-      }
-    },
-
-    changeYear(delta) {
-      this.year += delta
-    },
-
-    onSelectModeChange() {
-      this.clearSelection()
-      this.clearRangeAnchor()
-      this.rangePickMode = false
-    },
-
-    toggleRangePickMode() {
-      this.rangePickMode = !this.rangePickMode
-      this.clearRangeAnchor()
-    },
-
-    clearSelection() {
-      this.selected = {}
-    },
-
-    clearRangeAnchor() {
-      this.rangeAnchor = null
-    },
-
-    toggleSelect(key, force) {
-      const next = { ...this.selected }
-      if (force === true) {
-        next[key] = true
-      } else if (force === false) {
-        delete next[key]
-      } else if (next[key]) {
-        delete next[key]
-      } else {
-        next[key] = true
-      }
-      this.selected = next
-    },
-
-    selectSingle(key) {
-      this.selected = { [key]: true }
-    },
-
-    selectRangeInMonth(month, startDay, endDay) {
-      const min = Math.min(startDay, endDay)
-      const max = Math.max(startDay, endDay)
-      const next = { ...this.selected }
-      for (let d = min; d <= max; d++) {
-        next[toDateKey(this.year, month, d)] = true
-      }
-      this.selected = next
-    },
-
-    getCellIndex(month, day) {
-      const cells = this.getMonthCells(month)
-      return cells.findIndex((c) => c === day)
-    },
-
-    indexToDay(month, idx) {
-      const cells = this.getMonthCells(month)
-      return cells[idx]
-    },
-
-    getKeysInBox(month, startIdx, endIdx) {
-      const cells = this.getMonthCells(month)
-      const col = 7
-      const min = Math.min(startIdx, endIdx)
-      const max = Math.max(startIdx, endIdx)
-      const r0 = Math.floor(min / col)
-      const c0 = min % col
-      const r1 = Math.floor(max / col)
-      const c1 = max % col
-      const rowStart = Math.min(r0, r1)
-      const rowEnd = Math.max(r0, r1)
-      const colStart = Math.min(c0, c1)
-      const colEnd = Math.max(c0, c1)
-      const keys = []
-      for (let r = rowStart; r <= rowEnd; r++) {
-        for (let c = colStart; c <= colEnd; c++) {
-          const idx = r * col + c
-          if (cells[idx] !== null) {
-            keys.push(toDateKey(this.year, month, cells[idx]))
-          }
-        }
-      }
-      return keys
-    },
-
-    getDragMetrics() {
-      const grid = this.$el && this.$el.querySelector('.days-grid')
-      if (!grid) {
-        return { cellSize: 28, gap: 2 }
-      }
-      const style = window.getComputedStyle(grid)
-      const gap = parseFloat(style.columnGap || style.gap) || 2
-      const cell = grid.querySelector('.day-cell:not(.empty)')
-      const cellSize = cell ? cell.offsetWidth : 28
-      return { cellSize, gap }
-    },
-
-    updateDragBoxStyle() {
-      const { startIdx, endIdx } = this.dragState
-      if (!this.dragState.active || startIdx === null || endIdx === null) {
-        this.dragBoxStyle = null
-        return
-      }
-      const min = Math.min(startIdx, endIdx)
-      const max = Math.max(startIdx, endIdx)
-      const col = 7
-      const r0 = Math.floor(min / col)
-      const c0 = min % col
-      const r1 = Math.floor(max / col)
-      const c1 = max % col
-      const rowStart = Math.min(r0, r1)
-      const rowEnd = Math.max(r0, r1)
-      const colStart = Math.min(c0, c1)
-      const colEnd = Math.max(c0, c1)
-      const { cellSize, gap } = this.getDragMetrics()
-      const unit = cellSize + gap
-      this.dragBoxStyle = {
-        left: `${colStart * unit}px`,
-        top: `${rowStart * unit}px`,
-        width: `${(colEnd - colStart + 1) * unit - gap}px`,
-        height: `${(rowEnd - rowStart + 1) * unit - gap}px`,
-      }
-    },
-
-    onDayMouseDown(month, day, e) {
-      if (this.selectMode !== 'multi' || this.rangePickMode || e.button !== 0) return
-      const idx = this.getCellIndex(month, day)
-      this.dragMoved = false
-      this.dragState = {
-        active: true,
-        month,
-        startIdx: idx,
-        endIdx: idx,
-      }
-      this.updateDragBoxStyle()
-    },
-
-    onDayMouseEnter(month, day) {
-      if (!this.dragState.active || this.dragState.month !== month) return
-      const idx = this.getCellIndex(month, day)
-      if (idx !== this.dragState.startIdx) {
-        this.dragMoved = true
-      }
-      this.dragState.endIdx = idx
-      this.updateDragBoxStyle()
-    },
-
-    onDayMouseUp(month) {
-      if (!this.dragState.active || this.dragState.month !== month) return
-      this.finishDragSelect()
-    },
-
-    onMonthMouseLeave() {
-      /* 保持 drag，由 document mouseup 结束 */
-    },
-
-    onDocumentMouseUp() {
-      if (this.dragState.active) {
-        this.finishDragSelect()
-      }
-    },
-
-    finishDragSelect() {
-      const { month, startIdx, endIdx } = this.dragState
-      if (startIdx !== null && endIdx !== null && month !== null) {
-        const keys = this.getKeysInBox(month, startIdx, endIdx)
-        const next = { ...this.selected }
-        keys.forEach((k) => {
-          next[k] = true
-        })
-        this.selected = next
-      }
-      this.dragState = {
-        active: false,
-        month: null,
-        startIdx: null,
-        endIdx: null,
-      }
-      this.dragBoxStyle = null
-    },
-
-    onDayClick(month, day) {
-      const key = toDateKey(this.year, month, day)
-
-      if (this.selectMode === 'single') {
-        this.selectSingle(key)
-        return
-      }
-
-      if (this.dragMoved) return
-
-      if (this.rangePickMode) {
-        if (!this.rangeAnchor) {
-          this.rangeAnchor = key
-          this.toggleSelect(key, true)
-          return
-        }
-        const anchor = parseDateKey(this.rangeAnchor)
-        if (anchor.month === month) {
-          this.selectRangeInMonth(month, anchor.day, day)
-        } else {
-          this.$message.warning('结束日需与起始日在同一月份')
-        }
-        this.clearRangeAnchor()
-        return
-      }
-
-      this.toggleSelect(key)
-    },
-
-    applyType(type) {
-      const keys = Object.keys(this.selected)
-      if (!keys.length) return
-      const next = { ...this.dayMap }
-      keys.forEach((k) => {
-        next[k] = type
-      })
-      this.dayMap = next
-      this.clearSelection()
-      this.clearRangeAnchor()
-    },
-
-    getChanges() {
-      const keys = new Set([
-        ...Object.keys(this.dayMap),
-        ...Object.keys(this.originalMap),
-      ])
-      const changes = []
-      keys.forEach((date) => {
-        if (this.dayMap[date] !== this.originalMap[date]) {
-          changes.push({
-            date,
-            type: this.dayMap[date],
-            previous: this.originalMap[date],
-          })
-        }
-      })
-      return changes
-    },
-
-    handleSubmit() {
-      const changes = this.getChanges()
-      if (!changes.length) {
-        this.$message.info('没有需要提交的变更')
-        return
-      }
-      this.$emit('submit', {
-        year: this.year,
-        changes,
-      })
-      // 提交后更新快照
-      changes.forEach(({ date, type }) => {
-        this.$set(this.originalMap, date, type)
-      })
-      console.log(changes, 'changes')
-      this.$message.success(`已提交 ${changes.length} 项变更`)
-    },
-  },
-}
-</script>
-
-<style scoped lang="scss">
-.workday-calendar {
-  /* 6 列月历：每卡 7 列格子 + 内边距，避免周日被裁切 */
-  --cell-size: 28px;
-  --cell-gap: 2px;
-  --calendar-cols: 7;
-  --calendar-width: calc(var(--calendar-cols) * var(--cell-size) + (var(--calendar-cols) - 1) * var(--cell-gap));
-  --month-card-padding: 24px;
-  --month-card-min: calc(var(--calendar-width) + var(--month-card-padding));
-  max-width: calc(6 * var(--month-card-min) + 5 * 16px);
-  margin: 0 auto;
-}
-
-.toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 16px;
-  padding: 16px;
-  background: #fff;
-  border-radius: 8px;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
-}
-
-.year-nav {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-
-  .year-label {
-    font-size: 20px;
-    font-weight: 600;
-    min-width: 100px;
-    text-align: center;
-  }
-}
-
-.toolbar-actions {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-}
-
-.range-hint {
-  margin-bottom: 12px;
-  padding: 8px 12px;
-  background: #ecf5ff;
-  border-radius: 4px;
-  color: #409eff;
-  font-size: 13px;
-}
-
-.legend {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-  margin-bottom: 16px;
-  font-size: 13px;
-  color: #606266;
-
-  .legend-item {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-  }
-
-  .dot {
-    display: inline-block;
-    width: 12px;
-    height: 12px;
-    border-radius: 2px;
-
-    &.work {
-      background: #e1f3d8;
-      border: 1px solid #67c23a;
-    }
-
-    &.rest {
-      background: #fde2e2;
-      border: 1px solid #f56c6c;
-    }
-
-    &.modified {
-      background: #fff;
-      border: 2px solid #e6a23c;
-    }
-
-    &.selected {
-      background: #fff;
-      box-shadow: 0 0 0 2px #409eff;
-    }
-  }
-}
-
-.months-grid {
-  display: grid;
-  grid-template-columns: repeat(6, minmax(var(--month-card-min), 1fr));
-  gap: 16px;
-}
-
-@media (max-width: 1500px) {
-  .months-grid {
-    grid-template-columns: repeat(auto-fill, minmax(var(--month-card-min), 1fr));
-  }
-}
-
-.month-card {
-  box-sizing: border-box;
-  min-width: var(--month-card-min);
-  background: #fff;
-  border-radius: 8px;
-  padding: 12px;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
-  overflow: visible;
-}
-
-.month-calendar {
-  width: var(--calendar-width);
-  margin: 0 auto;
-}
-
-.month-title {
-  font-weight: 600;
-  margin-bottom: 8px;
-  text-align: center;
-  color: #303133;
-}
-
-.week-header {
-  display: grid;
-  grid-template-columns: repeat(7, var(--cell-size));
-  gap: var(--cell-gap);
-  width: var(--calendar-width);
-  margin-bottom: 4px;
-  font-size: 11px;
-  color: #909399;
-  text-align: center;
-}
-
-.days-grid {
-  position: relative;
-  display: grid;
-  grid-template-columns: repeat(7, var(--cell-size));
-  gap: var(--cell-gap);
-  width: var(--calendar-width);
-  user-select: none;
-}
-
-.day-cell {
-  box-sizing: border-box;
-  width: var(--cell-size);
-  height: var(--cell-size);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 12px;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: background 0.15s, box-shadow 0.15s;
-
-  &.empty {
-    cursor: default;
-    pointer-events: none;
-  }
-
-  &.work {
-    background: #e1f3d8;
-    color: #529b2e;
-  }
-
-  &.rest {
-    background: #fde2e2;
-    color: #c45656;
-  }
-
-  &.selected {
-    box-shadow: 0 0 0 2px #409eff;
-  }
-
-  &.modified::after {
-    content: '';
-    position: absolute;
-    top: 2px;
-    right: 2px;
-    width: 4px;
-    height: 4px;
-    border-radius: 50%;
-    background: #e6a23c;
-  }
-
-  &.range-anchor {
-    box-shadow: 0 0 0 2px #e6a23c;
-  }
-
-  position: relative;
-
-  &:hover:not(.empty) {
-    filter: brightness(0.95);
-  }
-}
-
-.drag-box {
-  position: absolute;
-  border: 1px dashed #409eff;
-  background: rgba(64, 158, 255, 0.12);
-  pointer-events: none;
-  z-index: 2;
-  border-radius: 4px;
-}
-</style>