# 年会抽奖Web版

**Repository Path**: ncskr/lucky

## Basic Information

- **Project Name**: 年会抽奖Web版
- **Description**: 基于 vue2 + canvas+JQuery 开发的抽奖系统，包含名单导入，中奖信息导出及图片导出的功能,.借助于git项目二次爆改的，希望大家喜欢
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 1
- **Created**: 2024-01-30
- **Last Updated**: 2024-03-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 启动项目需要使用 node v14.1.0 python 2.7 npm config set registry http://registry.npm.taobao.org

### 抽奖配置

- 设置抽奖总人数、奖项及每个奖项的人数，默认包含两个奖项，如果不想抽取默认的奖项，可以设置该奖项数量为 0
- 可以新增自定义的奖项，新增后必须将奖项人数设置大于 0 才会在抽奖奖项列表中显示
- 奖品图片配置需手动修改代码 -
- 中奖人数大于 1 之后需要手动处理中奖组件大小

### 抽奖结果

- 显示抽取的结果，点击号码允许从结果中删除该号码。删除后该号码可以参与剩余的抽奖，否则已经中的号码无法参与剩余奖项的抽奖（除非开启全员参与功能）

### 开始

- 开始抽奖，需要选取抽取的奖项、本次抽取的人数和是否开启全员抽奖功能。
- 本次抽取的人数可以选择 1 人、5 人、一次性抽取完或者自定义抽取数量，不能大于奖项剩余的数量
- 点击停止抽取完成

### 重置

- 重置数据恢复到初始状态
- 可选的重置选项：
  `1.重置全部数据 2.重置抽奖配置 3.重置名单 4.重置照片 5.重置抽奖结果 6.重置本次抽奖结果`

### 导入名单

- 按照格式导入名单，可以多次输入。若号码有对应的姓名，则在抽取过程及结果中会显示号码及姓名，若没有对应的姓名，则只显示号码。
- 中奖名单可导出，以导入结果展示对应中奖人员信息

### 导入相册

- 按照 抽奖号-照片的一对一导入，（可在现场将号码发出签到后，每发一个号码，导入一个照片）。抽奖结果将以照片形式展示。
- 照片格式支持`.jpg`和`.png`，照片大小不能超过 `150kb`,建议 `20-50kb`，建议尺寸为 `160*160px`

## 温馨提示

- 本抽奖程序无暗箱操作，无后台，无后门。
- 名单和照片显示只需导入一种即可,无导入数据则使用抽奖号码。
- 建议使用最新的 Chrome 浏览器打开体验最佳。

## Donation

如果这个开源项目对您有帮助，请作者喝杯咖啡吧
1784117263@qq.com