Please enable JavaScript.
Coggle requires JavaScript to display documents.
Lottery Vuejs ((任务C：投注 可以先期处理的部分C（18个子组件） (6B、倒计时组件 读取Vuex里面共享的剩余秒数,…
Lottery Vuejs
任务C：投注
可以先期处理的部分C（18个子组件）
6B、倒计时组件
读取Vuex里面共享的剩余秒数
6C、开奖号码
读取Vuex里面共享的最近的开奖号码及其奖期
6D、用户信息组件
读取Vuex里面共享的用户余额信息
6E、最近10期开奖号码
读取模拟接口数据，暂定每1分钟更新一次
6F、游戏记录
查询接口，2分钟轮询一次
6A、彩种logo及当前奖期组件
读取Vuex里面共享的彩种编号和奖期字符串
6G、彩种一级玩法组件
读取Vuex里面共享的彩种编号，和玩法名称
6H、彩种二级玩法组件
读取一级玩法的当前玩法ID，从彩种初始化接口获取二级玩法
6I、单注默认奖金组件
读取返点选择组件的当前返点值，读取彩种奖金组数据
6J、选号规则，中奖说明
读取6f、6g的ID显示对应的提示信息
6M、选号盘或TEXTAREA单式输入和上传
读取6f、6g的ID显示对应的提示信息
6N、号码篮
读取6j的选号内容，带上删除功能
6K、圆角分厘组件
输出modeltype到Vuex，给其他组件读取
6L、倍数选择
输出times到VUEX，供其他组件读取
6O、返点奖金组拖动条
输出point到VUEX，供其他组件读取
6P、提交按钮
读取投注所有要素参数，POST给模拟接口，提示成功
6Q、返点和投注总金额
读取倍数，模式，返点和注数；计算金额，输入给其他组件显示
6R、追号
弹出框，读取注数，输出追号需要的参数到下单按钮提交时使用
任务B：
（5个栏目用于基本的框架搭建）
总共17个组件，5个页面
2、首页（使用之前的头、尾组件，再分离出banner、彩种列表和公共列表3个组件）
总共5个组件，3个新组件
1、登录页（需要分离出三个组件：头、尾、登录form部分）
总共3个组件
3、订单记录：
（使用之前的头、尾组件，外加订单列表组件，分页组件和查询筛选组件，3个）
总共5个组件，3个新组件
4、提款
（使用之前的头、尾组件，新建一个提款form组件，调用一个mockserver模拟接口，提示成功）
总共3个组件，1个FORM组件
5、充值
（使用头尾，模拟一个充值渠道接口，直接先按充值渠道设立tab，暂时先把渠道平级排列，模拟3个充值渠道提供一个金额输入框和一个提交按钮即可，每个渠道需读取一套限额配置，最大最小额度）
模拟3个充值渠道即可
开发环境运行：
npm run dev
源文件目录：
src
资源文件目录：
assets
备份目录：
bak（可删除）
web组件目录：
components
任务A
RESTFUL API 模拟服务器：
node mock.js
（目前46个接口需要模拟数据）
API MOCK SERVER JSON 文件目录：
\vue-demo\api
访问地址：
http://localhost:3001/
各接口模拟目录说明：
\vue-demo\api\agent：团队管理、代理相关接口模拟数据
\vue-demo\api\lottery：彩票相关接口模拟数据
\vue-demo\api\message：消息，公告相关接口模拟数据
\vue-demo\api\order：订单类相关接口模拟数据
\vue-demo\api\pt：老虎机相关接口模拟数据
\vue-demo\api\query：查询类相关接口模拟数据
\vue-demo\api\sso：SSO登录相关接口模拟数据
\vue-demo\api\user：用户信息相关接口模拟数据
（需要先把全部数据接口模拟出来，先自己定义数据格式）
文档和安装：
https://www.npmjs.com/package/node-mock-server
VUEJS UI框架
PC端：
http://element.eleme.io/#/zh-CN/component/quickstart
APP端：
http://mint-ui.github.io/#!/zh-cn
代码仓库
git@192.168.0.201
:leif/vue-demo.git
打包发布：
npm run build
VUEJS 2.0文档：
https://vuefe.cn/v2/guide/#起步