View Code? Open in Web Editor
NEW
年会抽奖程序
Home Page: https://vitozyf.github.io/lucky-draw/index.html#/
License: MIT License
JavaScript 78.62%
HTML 0.36%
Vue 19.93%
SCSS 1.09%
lucky-draw's Introduction
演示地址
- 本程序理论支持配置百万级别人数，超过 10 万以上时初始化会比较耗时，初始化后可以正常抽奖。
- 如果人数较多，不建议导入名单或照片，按号码抽奖即可。
- 设置抽奖总人数、奖项及每个奖项的人数，默认包含两个奖项，如果不想抽取默认的奖项，可以设置该奖项数量为 0
- 可以新增自定义的奖项，新增后必须将奖项人数设置大于 0 才会在抽奖奖项列表中显示
- 显示抽取的结果，点击号码允许从结果中删除该号码。删除后该号码可以参与剩余的抽奖，否则已经中的号码无法参与剩余奖项的抽奖（除非开启全员参与功能）
- 开始抽奖，需要选取抽取的奖项、本次抽取的人数和是否开启全员抽奖功能。
- 本次抽取的人数可以选择 1 人、5 人、一次性抽取完或者自定义抽取数量，不能大于奖项剩余的数量
- 点击停止抽取完成
- 重置数据恢复到初始状态
- 可选的重置选项：
1.重置全部数据 2.重置抽奖配置 3.重置名单 4.重置照片 5.重置抽奖结果
- 按照格式导入名单，可以多次输入。若号码有对应的姓名，则在抽取过程及结果中会显示号码及姓名，若没有对应的姓名，则只显示号码。
- 按照 抽奖号-照片的一对一导入，（可在现场将号码发出签到后，每发一个号码，导入一个照片）。抽奖结果将以照片形式展示。
- 照片格式支持
.jpg和.png，照片大小不能超过 150kb,建议 20-50kb，建议尺寸为 160*160px
- 本抽奖程序无暗箱操作，无后台，无后门。
- 名单和照片显示只需导入一种即可,无导入数据则使用抽奖号码。
- 建议使用最新的 Chrome 浏览器打开体验最佳。
- 由于背景音乐加载较慢，可以在抽奖前提前打开缓存好。或者安装 windows 版本软件到本地，无需联网即可使用。
如果这个开源项目对您有帮助，请作者喝杯咖啡吧
Email: [email protected]
MIT
lucky-draw's People
Contributors
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
lucky-draw's Issues
RT，请问如何使用electron对本项目进行打包
打包之后路径双引号丢失，请问有什么好的解决办法？
这种情况一般会在 webpack 插件 htmlwebpackplugin 中产生，但我看到该项目并没有配置webpack，请问是什么引起的这个问题呢？
如题所示，可不可以打包一份文件，我们直接下载使用？谢谢！
The current project relys on Vue2, but the devDependencies such like: @vue/cli-service, @vue/cli-plugin rely on Vue3.
我把root指定到 /path/to/lucky-draw/public 不行，指定到 /path/to/lucky-draw 也不行，而且感觉public里的index.html压根没调用vue呀，它是怎么运行的呢？对前端不太了解。
當所有人都已獲獎，但仍有獎品，會有[空值]中獎
e.g.
總人數:10
獎品數:20
所有人都已中獎，剩餘獎品20-10=10
全員開關: Off
程序可以繼續抽獎，且中獎者為空值，獎品數也會減少。
不同的浏览器79人抽5个，，竟然一次就抽出相同的人，就是说这个抽奖有很大概率抽出来的是同一个 某区间段的人，我擦，
同事中了一次，特别容易中第二次，感觉就是那个区间的人概率很大
开始抽奖后，不停止抽奖，直接点抽奖结果可以看到结果。但是抽奖程序正在欢快的跑着-_-!
基于普通用户案例：
用户安装时遭遇问题，杀毒软件或旧系统问题。让用户访问 github 的地址，有无法打开的风险。
希望 release 里可以包含一份离线的 html，以便用户用 Chrome 等现代浏览器直接打开使用。
是否可以点选右上角抽奖结果时，显示的是编号+名单的资料?
稍微修改了一点提示信息，但是为了方便使用想打包为exe，试了一下pkg打包，好像不成功，可以说一下打包环境么？
first, thanks for your project. but I have got some issues when seeing the numbers listed on the circle. pls provide unit test for it.
你好，很喜欢你的这个抽奖程序，但是github太慢了，移动还墙了，需要用其他网访问，比较麻烦，想在自己的虚拟主机也弄一个，但是好像没有找到index.html这类的文件呢，请问一下我该如何转换呢？麻烦你了
如题，点击开始按钮，瞬间会显示一个号码，该号码就是本次抽奖的中奖号码，然后才开始播放动画
给人一种内定的感觉。
一等奖和五等奖抽完后，删除一等奖的号码再重抽一等奖，抽出来的号码会和五等奖里面的重复
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent