Skip to content

W
wechatSight
Commit fd5e7bde by xueyang
Options

欧欧视力测视小程序一期文件

parents
Showing with 1381 additions and 0 deletions
app.js 0 → 100644
//app.js
App({
onLaunch: function () {
// 展示本地存储能力
//var logs = wx.getStorageSync('logs') || []
//logs.unshift(Date.now())
//wx.setStorageSync('logs', logs)
var baidu_token = wx.getStorageSync('baidu_token') || {}
if (baidu_token) {
if (baidu_token.time - Date.now() <= 300000) {
this.sysBaiduOpenApiToken();
}
}
var _this = this;
setTimeout(function () {
console.log('baidu_token start ........')
wx.setStorageSync('baidu_token', baidu_token)
_this.sysBaiduOpenApiToken();
}, 5)
var userId = wx.getStorageSync('userId') || ''
console.log(userId);
if(!userId){
// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
console.log(res.code);
wx.request({
url: _this.server + 'SmallProgram/WechatSight/getUserInfo',
data: {
code: res.code
},
success: function (event) {
console.log(event.data)
//用户信息已经存在
if (event.data.code == '10000') {
//var pid = wx.getStorageSync('pid') || ''
var userId = event.data.data.userId
wx.setStorageSync('userId', userId)
} else if (event.data.code == '20000') {
} else {
console.log("接口用户信息获取失败")
}
}
})
}
})
}
},
/*getUserInfo: function (cb) {
var that = this
if (this.globalData.userInfo) {
typeof cb == "function" && cb(this.globalData.userInfo)
} else {
//调用登录接口
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo
typeof cb == "function" && cb(that.globalData.userInfo)
}
})
}
})
}
},*/
globalData: {
userInfo: null
},
sysBaiduOpenApiToken: function () {
var currentTimeIn = Date.now();
var baidu_token = wx.getStorageSync('baidu_token') || {}
if (baidu_token.time) {
if (baidu_token.time - Date.now() <= 300000) {
console.log("baidu_token request ...")
this.getBaiduOpenApiToken(function (baidu_token) {
console.log(baidu_token);
baidu_token.time = Date.now() + 7200000
wx.setStorageSync('baidu_token', baidu_token)
});
} else {
console.log("baidu_token have ...")
}
}else{
console.log("else baidu_token request ...")
this.getBaiduOpenApiToken(function (baidu_token) {
//console.log(baidu_token);
baidu_token.time = Date.now() + 7200000
wx.setStorageSync('baidu_token', baidu_token)
});
}
},
getBaiduOpenApiToken: function (cb) {
console.log('getBaiduOpenApiToken');
var url = 'https://openapi.baidu.com/oauth/2.0/token';
wx.request({
url: url,
data: {
grant_type: 'client_credentials',
client_id: 'lagZdrinq7W8AAec6NDmcq18BSPC7ZUg',
client_secret: 'eY2vLcfI5yu1YhGnxwlimu7kojLLtGVz'
},
header: {
'Content-Type': 'application/json'
},
success: function (res) {
//console.log(res)
typeof cb == "function" && cb(res.data);
}, fail: function (e) {
console.log(e);
}
})
},
server: 'https://seex.dev.iouou.cn/',
})
\ No newline at end of file
app.json 0 → 100644
{
"pages":[
"pages/index/index",
"pages/about/about",
"pages/result/result",
"pages/testing/testing"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#3EC0ED",
"navigationBarTitleText": "欧欧视力检查工具",
"navigationBarTextStyle":"white",
"backgroundColor": "#3EC0ED",
"enablePullDownRefresh": false
}
}
app.wxss 0 → 100644
/**app.wxss**/
.container {
height: 100%;
width: 100%;
background-image: url('http://onkfpiopi.bkt.clouddn.com/bg_all.png');
background-size:100% 100%;
position:fixed;
color: #585E60;
}
pages/about/about.js 0 → 100644
function getRandomColor() {
let rgb = []
for (let i = 0; i < 3; ++i) {
let color = Math.floor(Math.random() * 256).toString(16)
color = color.length == 1 ? '0' + color : color
rgb.push(color)
}
return '#' + rgb.join('')
}
Page({
data: {
status: 'none'
},
onReady: function (res) {
this.videoContext = wx.createVideoContext('myVideo')
},
inputValue: '',
bindInputBlur: function (e) {
this.inputValue = e.detail.value
},
bindSendDanmu: function () {
this.videoContext.sendDanmu({
text: this.inputValue,
color: getRandomColor()
})
},
playVideo: function () {
this.videoContext.play()
this.videoContext.requestFullScreen()
this.setData({
status: true
})
},
fullscreenchange: function (e) {
console.log(e)
this.inputValue = e.detail.value
},
})
\ No newline at end of file
pages/about/about.json 0 → 100644
{
"navigationBarTitleText": "使用说明"
}
\ No newline at end of file
pages/about/about.wxml 0 → 100644
<view class="container">
<!-- 使用说明背景 开始-->
<view class='aboutBg'>
<view class='content'>
<view>1. 保持手机在眼前60厘米处，选择E的朝向通过手势滑动屏幕。</view>
<view>2. 由于视力测试对手机屏幕有较高的要求，目前建议用户手机的分辨率至少1080*480，屏幕至少3.5寸。</view>
</view>
<view class='desc'>
<view>通过大量的用户验证</view>
<view class='descUse'>（正确使用该软件）</view>
</view>
<view class='deviation'>
视力值误差0.1以内
</view>
<view class='opertion'>
<image src='../../public/img/pic_use.png' class='picUse'></image>
</view>
<view class='videoButton' bindtap='playVideo'>
观看教学视频 ﹥
</view>
</view>
<!-- 使用说明背景 结束-->
<!-- 教学视频 开始-->
<view style='display: {{status}}' bindtap='playVideo'>
<video id="myVideo" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" controls bindfullscreenchange></video>
</view>
<!-- 教学视频 结束-->
</view>
pages/about/about.wxss 0 → 100644
.aboutBg{
width: 690rpx;
height: 1146rpx;
background: #FFFFFF;
border-radius: 8px;
margin: 20rpx 30rpx 0rpx 30rpx;
}
.content{
padding: 60rpx 40rpx 40rpx 40rpx;
font-size: 15px;
color: #585E60;
line-height: 52rpx;
}
.desc{
font-size: 14px;
color: #585E60;
line-height: 42rpx;
text-align: center;
}
.descUse{
font-size: 12px;
}
.deviation{
font-size: 14px;
color: #FFFFFF;
line-height: 84rpx;
background-image: url('http://onkfpiopi.bkt.clouddn.com/bg_word.png');
background-position: center center;
background-repeat: no-repeat;
background-size:426rpx 100%;
text-align: center;
margin-top: 18rpx;
}
.opertion{
margin-top: 90rpx;
text-align: center;
}
.picUse{
width: 212rpx;
height: 324rpx;
}
.videoButton{
margin: 70rpx 60rpx 0rpx 60rpx;
width: 570rpx;
height: 80rpx;
background: #39B9EC;
border-radius: 8px;
font-size: 20px;
color: #FFFFFF;
text-align: center;
line-height: 80rpx;
}
pages/index/index.js 0 → 100644
//index.js
//获取应用实例
const app = getApp()
var util = require('../../utils/util.js')
Page({
data: {
userInfo: {},//微信用户信息
directionData: ['up', 'right', 'down', 'left'],//E的方向
},
onLoad: function () {
var that = this
},
//事件处理函数
goTesting: function () {
wx.navigateTo({
url: '../testing/testing'
})
},
goNearby: function () {
wx.navigateTo({
url: '../about/about'
})
},
goAbout: function () {
wx.navigateTo({
url: '../about/about'
})
},
})
pages/index/index.wxml 0 → 100644
<view class="container" >
<!-- logo 开始-->
<view class='header'>
<image src="../../public/img/logo.png" class='logo'></image>
</view>
<!-- logo 结束-->
<!-- 开始测视 开始-->
<view class='goTesting button' bindtap = "goTesting">
开始测视
</view>
<!-- 开始测视 结束-->
<!--<view class='goNearby button' bindtap = "goNearby">
周边服务
</view>-->
<!-- 周边服务 开始-->
<view class='goNearby button'>
周边服务
</view>
<!-- 周边服务 结束-->
<!-- 说明 开始-->
<view class='about' bindtap = "goAbout">
说明
</view>
<!-- 说明 结束-->
</view>
\ No newline at end of file
pages/index/index.wxss 0 → 100644
.header {
margin-top: 196rpx;
text-align: center;
}
.logo {
width: 190rpx;
height: 200rpx;
}
.button {
margin: 0rpx 40rpx;
background: #FFFFFF;
height: 140rpx;
border-radius:16rpx;
text-align: center;
line-height: 140rpx;
font-size: 40rpx;
color: "#585E60";
}
.goTesting {
margin-top: 200rpx;
}
.goNearby {
margin-top: 40rpx;
}
.about {
margin-top: 100rpx;
text-align: center;
font-size: 32rpx;
color: "#585E60";
}
pages/result/result.js 0 → 100644
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
//userInfo: {},//微信用户信息
leftEye: '',//左眼视力
rightEye: '',//右眼视力
resultStatus: false,//是否已经测视过
results: []//历史视力记录
},
onLoad: function (event) {
var that = this
var results = wx.getStorageSync('results') || []
if (results.length > 1) {
results.pop();
}
//当记录数大于4个，去掉最后一条记录
if (results.length >= 4){
that.setData({
resultStatus: true
})
}
results.unshift(event)
wx.setStorageSync('results', results)
that.setData({
leftEye: event.leftEye,
rightEye: event.rightEye,
results: results
})
//调用应用实例的方法获取全局数据
/*app.getUserInfo(function (userInfo) {
//更新数据
})*/
},
goTesting: function () {
wx.navigateTo({
url: '../index/index'
})
}
})
pages/result/result.json 0 → 100644
{}
\ No newline at end of file
pages/result/result.wxml 0 → 100644
<view class="container">
<!-- 蒙层 开始-->
<view class='layerBg'></view>
<!-- 蒙层 结束-->
<!-- 结果小票背景 开始-->
<view class='resultBg'>
<view class='title'>本次测试结果</view>
<view class='eyeSight'>
<view class='scale smallScale'>左眼</view>
<view class='scale bigScale'>{{leftEye}}</view>
<view class='scale bigScale'>|</view>
<view class='scale smallScale'>右眼</view>
<view class='scale bigScale'>{{rightEye}}</view>
</view>
<block wx:if="{{resultStatus}}">
<view class='line'></view>
<view class='lastResultTitle'>最近测试</view>
<view class='lastResultContent lastResultBg'>
<view class='resultScale'>时间</view>
<view class='resultScale'>左眼</view>
<view class='resultScale'>右眼</view>
</view>
<block wx:for="{{results}}">
<block wx:if="{{index > 0}}">
<view class='lastResultContent'>
<view class='resultScale'>{{item.time}}</view>
<view class='resultScale'>{{item.leftEye}}</view>
<view class='resultScale'>{{item.rightEye}}</view>
</view>
</block>
</block>
</block>
<view class='button' bindtap = "goTesting">确定</view>
</view>
<!-- 结果小票背景 结束-->
</view>
<!-- 倒计时蒙层 结束-->
<!--<view class="container" id="id" bindtap = "handletap" bindtouchstart = "handletouchtart" bindtouchend="handletouchend">
<view class="userinfo">
<image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
<text class="userinfo-nickname">{{userInfo.nickName}}</text>
</view>
</view>-->
\ No newline at end of file
pages/result/result.wxss 0 → 100644
.layerBg{
position: absolute;
width: 100%;
height: 100%;
background-color: #000000;
opacity:.50;
}
.resultBg{
width: 690rpx;
height: 828rpx;
background-image: url('http://onkfpiopi.bkt.clouddn.com/bg_result.png');
background-size:100% 100%;
margin: 280rpx 30rpx 0rpx 30rpx;
z-index: 1111;
position:relative;
}
.title{
padding-top: 60rpx;
text-align: center;
font-size: 15px;
color: #585E60;
}
.eyeSight{
padding-top: 54rpx;
font-size: 10.5px;
color: #585E60;
text-align: center;
}
.smallScale{
padding-right: 40rpx;
font-size: 36rpx;
}
.bigScale{
padding-right: 82rpx;
font-size: 40rpx;
}
.scale{
display: inline;
}
.line{
border-bottom:dotted 2rpx #000000;
padding-top: 68rpx;
margin: 0 34rpx;
}
.lastResultTitle{
padding-top: 40rpx;
text-align: center;
font-size: 15px;
color: #585E60;
}
.lastResultContent{
text-align: center;
font-size: 28rpx;
color: #585E60;
margin: 20rpx 40rpx 0 40rpx;
height: 50rpx;
line-height: 50rpx;
}
.lastResultBg{
background: #EBEBEB;
border-radius:40px;
}
.resultScale{
width: 33%;
display: inline-block;
}
.contentScale{
padding-right: 84rpx;
}
.button{
margin: 60rpx 60rpx 0 60rpx;
background: #39B9EC;
border-radius: 8px;
height: 80rpx;
line-height: 80rpx;
font-size: 14px;
text-align: center;
color: #FFFFFF;
}
pages/testing/testing.js 0 → 100644
//index.js
//获取应用实例
const app = getApp()
var util = require('../../utils/util.js')
Page({
data: {
//userInfo: {},//微信用户信息
directionData: ['up', 'right', 'down', 'left'],//E的方向
lastX: 0,//最后一次滑动横坐标
lastY: 0,//最后一次滑动横纵标
eRow: 11,//测视行数
eValue: '5.0',//当前视力值
direction: '',//E的方向
size: '',//E的大小
countDownStatus: true,//是否显示倒计时蒙层
//notice: [],//测视提示信息
rightScore: 0,//正确次数
errorScore: 0,//错误次数
totalScore: 0,//总次数
rowError: 0,//是否已经错过一行
rowRight: 0, //是否已经对过一行
leftEye: '',//左眼视力
rightEye: '',//右眼视力
testNumber: 1,//左或右眼测试
time: 3,//倒计时
distance: '60CM',//测视距离
ruler: ['4.8','4.9','5.0','5.1','5.2'],//测视标尺
//successImg: '../../public/img/success.png',
//errorImg: '../../public/img/error.png',
smallEyeData: {},//指数视力行数值
bigEyeData: {},//小数实力行数值
e60SizeData: {},//60CME字大小数值
e30SizeData: {},//30CME字大小数值
rowNumberData: {},//每行E字个数
rulerType: 'bigEyeData',//行数坐标数组
//beforeEyeData: {},//当前测视之前行数值
//afterEyeData: {}//当前测视之后行数值
},
onLoad: function () {
var that = this
var eRow = that.data.eRow //接口获取E行数
var eDirection = ''
var directionData = that.data.directionData;
var smallEyeData = util.getSmallEyeData()
var bigEyeData = util.getBigEyeData()
var e60SizeData = util.getE60SizeData()
var e30SizeData = util.getE30SizeData()
var eSizeData
var rowNumberData = util.getRowNumberData()
var results = wx.getStorageSync('results')
//获取当前使用测视距离
if(this.data.distance == "60CM"){
eSizeData = e60SizeData
}else{
eSizeData = e30SizeData
}
var size = eSizeData[eRow]
var n = Math.floor(Math.random() * directionData.length + 1) - 1
eDirection = directionData[n];//随机取一个方向
that.setData({
smallEyeData: smallEyeData,
bigEyeData: bigEyeData,
eSizeData: eSizeData,
e60SizeData: e60SizeData,
e30SizeData: e30SizeData,
rowNumberData: rowNumberData,
size: size,//初始化E值大小
direction: eDirection,//初始化E值方向
eRow: eRow,
})
//如果有历史测视记录
if (results[0]) {
eRow = results[0].eRow
size = eSizeData[eRow]
that.getRuler(results[0].eRow)
that.setData({
eRow: eRow,
size: size
})
}
that.timeInterval()//倒计时
var text = '左眼测视开始,请遮住您的左眼'
that.playVoice(text) //语音播报
},
//获取用户选择方向并提交给结果校验函数
choseDirection: function(event){
var choseDirection = event.target.dataset.choiceDirection;
this.checkTesting(choseDirection)
},
//滑动手势检查
handletouchend: function (event) {
//console.log(event.changedTouches[0])
let currentX = event.changedTouches[0].pageX
let currentY = event.changedTouches[0].pageY
let tx = currentX - this.data.lastX
let ty = currentY - this.data.lastY
//let text = ""
var choseDirection
//左右方向滑动
if (Math.abs(tx) > Math.abs(ty)) {
if (tx < 0)
//text = "向左滑动"
choseDirection = this.data.directionData[3]
else if (tx > 0)
//text = "向右滑动"
choseDirection = this.data.directionData[1]
}
//上下方向滑动
else {
if (ty < 0)
//text = "向上滑动"
choseDirection = this.data.directionData[0]
else if (ty > 0)
//text = "向下滑动"
choseDirection = this.data.directionData[2]
}
//将当前坐标进行保存以进行下一次计算
this.data.lastX = currentX
this.data.lastY = currentY
/*this.setData({
text: text,
});*/
this.checkTesting(choseDirection)
},
//滑动开始处理
handletouchtart: function (event) {
//console.log(event.touches[0])
this.data.lastX = event.touches[0].pageX
this.data.lastY = event.touches[0].pageY
},
handletap: function (event) {
//console.log(event)
},
//显示视力结果 left:左眼视力、rightEye:右眼视力、time:测视结束时间、eRow:测视结束行数
showResult: function (leftEye, rightEye, time, eRow) {
wx.navigateTo({
url: '../result/result?leftEye=' + leftEye + '&rightEye=' + rightEye + '&time=' + time + '&eRow=' + eRow
})
},
//倒计时
timeInterval: function () {
wx.setNavigationBarTitle({
title: '准备测视'
});
var that = this;
var title;
if (that.data.testNumber == 1){
title = "当前测视【左眼】";
}else{
title = "当前测视【右眼】";
}
var timer = setInterval(function () {
// 判断是否小于0
var nowTime = that.data.time;
if (nowTime > 0) {
that.setData({
time: nowTime - 1
});
return;
}else{
clearInterval(timer);
that.setData({
time: 3,
countDownStatus:'none'
});
//设置小程序标题
wx.setNavigationBarTitle({
title: title
});
}
clearInterval(timer);
}, 1000);
},
//校验本次测试结果
checkTesting:function (choiceDirection) {
//console.log(event.target.dataset)
//var noticeImg = []//提示图标
var eRow = this.data.eRow//e所在行数
var rightNumber//正确数量
var errorNumber//错误数量
var totalNumber//测视总数量
var testNumber = this.data.testNumber//当前测试类型
var leftEye//左眼视力
var rightEye//右眼视力
var eDirection//E方向
var oldRow//原来e所在行数
var rowError = this.data.rowError//是否已经下降过测视行数
var rowRight = this.data.rowRight//是否已经升过测视行数
var that = this
//noticeImg = this.data.notice
if (choiceDirection == this.data.direction) {//测视正确
//noticeImg = noticeImg.concat([this.data.successImg])
rightNumber = this.data.rightScore + 1
errorNumber = this.data.errorScore
totalNumber = this.data.totalScore + 1
} else {
//noticeImg = noticeImg.concat([this.data.errorImg])
errorNumber = this.data.errorScore + 1
rightNumber = this.data.rightScore
totalNumber = this.data.totalScore + 1
}
//判断用户选择方向是否正确
//4.0还错，直接4.0
if (errorNumber == 1 && eRow == 1) {
eRow = 1
errorNumber = 0
rightNumber = 0
totalNumber = 0
rowError = 1
that.getRuler(eRow)
if (rowRight == 1) {
this.setEyeSight(testNumber, 1)
return
}
//4.7以下不能错1个
} else if (errorNumber >= 1 && eRow <= 8) {
eRow = eRow - 1
errorNumber = 0
rightNumber = 0
totalNumber = 0
rowError = 1
that.getRuler(eRow)
if(rowRight == 1){
this.setEyeSight(testNumber,1)
return
}
//4.8-5.0不能错2个
} else if (errorNumber >= 2 && eRow > 8 && eRow <= 11) {
eRow = eRow - 1
errorNumber = 0
rightNumber = 0
totalNumber = 0
rowError = 1
that.getRuler(eRow)
if (rowRight == 1) {
this.setEyeSight(testNumber,1)
return
}
//5.0以上不能错3个
} else if (errorNumber >= 3 && eRow > 11) {
eRow = eRow - 1
errorNumber = 0
rightNumber = 0
totalNumber = 0
rowError = 1
that.getRuler(eRow)
if (rowRight == 1) {
this.setEyeSight(testNumber,1)
return
}
//本次用户选择方向正确
} else {
if(totalNumber >= this.data.rowNumberData[eRow]) {
rowRight = 1
if (rowError == 1) {
//显示测视结果
eRow = eRow
errorNumber = 0
rightNumber = 0
totalNumber = 0
rowError = 0
rowRight = 0
this.setEyeSight(testNumber,0)
return
} else {
eRow = eRow + 1
errorNumber = 0
rightNumber = 0
totalNumber = 0
rowRight = 1
that.getRuler(eRow)
}
}
}
var Arr = this.data.directionData;
var n = Math.floor(Math.random() * Arr.length + 1) - 1;
eDirection = Arr[n];
this.setData({
direction: eDirection,
//notice: noticeImg,
size: this.data.eSizeData[eRow],
eRow: eRow,
rightScore: rightNumber,
errorScore: errorNumber,
totalScore: totalNumber,
rowError: rowError,
rowRight: rowRight
})
//event.target.dataset.direction
},
//保存本次测视值 testNumber:左/右眼测视，1：左眼、2：右眼；error:是否有错一行，1：错一行，0：没错过
setEyeSight: function(testNumber,error){
var leftEye
var rightEye
var eRow = this.data.eRow
if (testNumber == 1) {
leftEye = this.getEValue(error);//左眼视力
testNumber = 2
this.setData({
testNumber: testNumber,
leftEye: leftEye,
countDownStatus: 'true',
rowError: 0,
rowRight: 0,
rightScore: 0,
errorScore: 0,
totalScore: 0
})
this.timeInterval()
var text = '右眼测视开始,请遮住您的右眼'
this.playVoice(text)
} else {
rightEye = this.getEValue(error);//右眼视力
testNumber = 1
this.setData({
testNumber: testNumber,
rightEye: rightEye,
rowError: 0,
rowRight: 0,
rightScore: 0,
errorScore: 0,
totalScore: 0
})
//todo 上传训练结果
var text = '测视结束'
this.playVoice(text)
this.uploadVision()
var time = util.formatTime(new Date());
this.showResult(this.data.leftEye, rightEye, time, eRow)
}
},
//获取视力行数值 error:是否错过一行
getEValue: function (error) {
var eyeSight
var eRow = this.data.eRow
if (error == 1 && this.data.rowRight == 1) {
eRow = eRow + 0 - 1
}
//console.log(eRow)
if(this.data.rulerType == "smallEyeData"){
eyeSight = this.data.smallEyeData[eRow]
}else{
eyeSight = this.data.bigEyeData[eRow]
}
return eyeSight
},
//修改测视距离
editDistance: function(){
var tap
var that = this
wx.showActionSheet({
itemList: ['30CM', '60CM'],
success: function (res) {
//console.log(res)
tap = res.tapIndex
that.setDistance(tap);
}
})
},
//修改测视标尺
editRuler: function () {
var tap
var that = this
wx.showActionSheet({
itemList: ['小数记录', '5分记录'],
success: function (res) {
tap = res.tapIndex
that.setRuler(tap);
}
})
},
//设置最新标尺数组
setRuler: function (event) {
var rulerType
var ruler
var that = this
var eRow = this.data.eRow
if (event == 0) {
rulerType = "smallEyeData"
} else {
rulerType = "bigEyeData"
}
this.setData({
rulerType: rulerType
})
ruler = that.getRuler(eRow)
},
//获取最新视力标尺数组
getRuler: function(eRow){
var ruler = []
var eValue
//var eRow = this.data.eRow
var eyeData
var eRow = parseInt(eRow)
if (this.data.rulerType == "smallEyeData") {
eValue = this.data.smallEyeData[eRow]
eyeData = this.data.smallEyeData
} else {
eValue = this.data.bigEyeData[eRow]
eyeData = this.data.bigEyeData
}
for (var i = 0; i < 5; i++) {
var oldERow = eRow
if(i == 0){
oldERow = eRow - 2
if(oldERow < 0){
ruler[i] = 0
}else{
ruler[i] = eyeData[oldERow]
}
}else if(i == 1){
oldERow = eRow - 1
if (oldERow < 0) {
ruler[i] = 0
} else {
ruler[i] = eyeData[oldERow]
}
} else if (i == 2) {
ruler[i] = eValue
} else if (i == 3) {
oldERow = eRow + 1
if (oldERow > 14) {
ruler[i] = 0
} else {
ruler[i] = eyeData[oldERow]
}
} else{
oldERow = eRow + 2
if (oldERow > 14) {
ruler[i] = 0
} else {
ruler[i] = eyeData[oldERow]
}
}
}
this.setData({
eValue: eValue,
ruler: ruler
})
},
//设置最新距离数组
setDistance: function (event) {
//重新获取distance,设置E字大小
var distance
var size
var eSizeData
if(event == 0){
distance = '30CM'
eSizeData = this.data.e30SizeData
}else{
distance = '60CM'
eSizeData = this.data.e60SizeData
}
size = eSizeData[this.data.eRow]
this.setData({
distance: distance,
size: size,
eSizeData: eSizeData
})
},
//播放语音信息
playVoice: function(event){
var baidu_token = wx.getStorageSync('baidu_token');
var text = event
//播放声音
const backgroundAudioManager = wx.getBackgroundAudioManager()
backgroundAudioManager.src = 'http://tsn.baidu.com/text2audio?tex=' + text + '&lan=zh&cuid=ootesting&ctp=1&tok=' + baidu_token.access_token // 设置了 src 之后会自动播放
//结束播放声音
},
//上传视力结果数据
uploadVision: function (event) {
var userId = wx.getStorageSync('userId');
var text = event
var that = this
var timestamp = Date.parse(new Date()) / 1000;
wx.request({
url: app.server + 'SmallProgram/WechatSight/addUserVision',
data: {
userId: userId,
leftEye: this.data.leftEye,
rightEye: this.data.rightEye,
testDate: timestamp
},
success: function (event) {
console.log(event)
}
})
}
})
pages/testing/testing.json 0 → 100644
{}
\ No newline at end of file
pages/testing/testing.wxml 0 → 100644
<!-- 倒计时蒙层 开始-->
<view class='countDown' style='display: {{countDownStatus}}'>
<view wx:if="{{testNumber == 1}}" class='testingTitle'> 请遮住您的左眼 </view>
<view wx:else class='testingTitle'> 请遮住您的右眼 </view>
<view class='testingDesc'>通过滑动屏幕选择E标开口方向</view>
<view class='time'>{{time}}</view>
</view>
<!-- 倒计时蒙层 结束-->
<view class="container">
<!--<block wx:if="{{totalScore}}">
<view id="notice" wx:for="{{ notice }}"><image src="{{ item }}" class='notice'></image> </view>
</block>-->
<!-- 测视距离 开始-->
<view class='distance'>{{distance}}</view>
<!-- 测视距离 结束-->
<!-- E 测视滑动面板 开始-->
<view class="ePanel" bindtap = "handletap" bindtouchstart = "handletouchtart" bindtouchend="handletouchend">
<view class="{{ direction }}-e row-testing" id="show-e" style='font-size:{{size}}rpx;'>E</view>
</view>
<!-- E 测视滑动面板 结束-->
<!-- E 标尺 开始-->
<view class="ruler" id="show-e">
<block wx:for="{{ruler}}">
<block wx:if="{{item == eValue}}">
<view class='scale nowScale'>{{item}}</view>
</block>
<block wx:else>
<block wx:if="{{item == 0}}">
<view class='scale'></view>
</block>
<block wx:else>
<view class='scale'>{{item}}</view>
</block>
</block>
</block>
</view>
<!-- E 标尺 结束-->
<!-- 测视距离和记录形式 开始-->
<view class="bottomMenu" >
<view class='menu menuMargin' bindtap='editDistance'>测视距离</view>
<view class='menu' bindtap='editRuler'>记录形式</view>
</view>
<!-- 测视距离和记录形式 结束-->
</view>
<!--<view class="usermotto">
<button id="up-button" data-choice-direction='up' bindtap="choseDirection">上</button>
<button id="right-button" data-choice-direction='right' bindtap="choseDirection">右</button>
<button id="down-button" data-choice-direction='down' bindtap="choseDirection">下</button>
<button id="left-button" data-choice-direction='left' bindtap="choseDirection">左</button>
</view>-->
pages/testing/testing.wxss 0 → 100644
.right-e {
transform: rotate(0deg);
}
.down-e {
transform: rotate(90deg);
}
.left-e {
transform: rotate(180deg);
}
.up-e {
transform: rotate(270deg);
}
.notice{
width: 48rpx;
height: 48rpx;
}
.countDown{
background-image: url('http://onkfpiopi.bkt.clouddn.com/bg_all.png');
background-size:100% 100%;
position:absolute;
width:100%;
height:100%;
color:#FFFFFF;
z-index: 999;
}
.testingTitle {
text-align: center;
margin-top: 80rpx;
font-size: 40rpx;
line-height: 30rpx;
}
.testingDesc {
text-align: center;
margin: 30rpx 0 180rpx 0;
font-size: 40rpx;
line-height: 30rpx;
}
.time {
text-align: center;
font-size: 96rpx;
color: #585E60;
background: #FFFFFF;
border-radius:100px;
width: 256rpx;
height: 256rpx;
line-height: 256rpx;
margin:0 auto;
}
.ePanel{
width: 690rpx;
height: 690rpx;
margin:0 auto;
background: #FFFFFF;
text-align: center;
line-height: 690rpx;
border-radius:32rpx;
color: #000000;
}
.distance{
margin-top: 74rpx;
margin-bottom: 20rpx;
text-align: center;
font-size: 40rpx;
color: #FFFFFF;
}
.ruler{
margin-top: 60rpx;
width: 100%;
height: 70rpx;
background-image: url('http://onkfpiopi.bkt.clouddn.com/bg_word2.png');
background-size:100% 100%;
position:absolute;
color: #FFFFFF;
font-size: 30rpx;
text-align: center;
line-height: 70rpx;
}
.scale{
display: inline;
padding: 0rpx 45rpx;
font-size: 30rpx;
}
.nowScale{
font-size: 34rpx;
}
.bottomMenu{
margin-top: 180rpx;
padding-bottom: 52rpx;
}
.menu{
width: 290rpx;
height: 100rpx;
background: #FFFFFF;
border-radius:32rpx;
text-align: center;
line-height: 100rpx;
color: #585E60;
display:inline-block;
}
.menuMargin{
margin-left: 60rpx;
margin-right: 30rpx;
}
project.config.json 0 → 100644
{
"description": "项目配置文件。",
"setting": {
"urlCheck": true,
"es6": true,
"postcss": true,
"minified": true
},
"compileType": "weapp",
"libVersion": "1.6.0",
"appid": "wxebed6f51ad5b613f",
"projectname": "欧欧视力测视工具",
"condition": {
"weapp": {
"current": -1,
"list": []
},
"search": {
"current": -1,
"list": []
},
"conversation": {
"current": -1,
"list": []
}
}
}
\ No newline at end of file
utils/util.js 0 → 100644
const formatTime = date => {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
//const hour = date.getHours()
//const minute = date.getMinutes()
//const second = date.getSeconds()
//return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
return [year, month, day].map(formatNumber).join('.')
}
const formatNumber = n => {
n = n.toString()
return n[1] ? n : '0' + n
}
function getSmallEyeData() {
var smallEyeData = {
1: '0.1',
2: '0.12',
3: '0.15',
4: '0.2',
5: '0.25',
6: '0.3',
7: '0.4',
8: '0.5',
9: '0.6',
10: '0.8',
11: '1.0',
12: '1.2',
13: '1.5',
14: '2.0'
};
return smallEyeData;
}
function getBigEyeData() {
var bigEyeData = {
1: '4.0',
2: '4.1',
3: '4.2',
4: '4.3',
5: '4.4',
6: '4.5',
7: '4.6',
8: '4.7',
9: '4.8',
10: '4.9',
11: '5.0',
12: '5.1',
13: '5.2',
14: '5.3'
};
return bigEyeData;
}
function getE60SizeData() {
var e60SizeData = {
1: '160',
2: '126',
3: '100',
4: '80',
5: '64',
6: '50',
7: '40',
8: '32',
9: '26',
10: '20',
11: '16',
12: '12',
13: '10',
14: '8'
};
return e60SizeData;
}
function getE30SizeData() {
var e30SizeData = {
1: '80',
2: '63',
3: '50',
4: '40',
5: '32',
6: '25',
7: '20',
8: '16',
9: '13',
10: '10',
11: '8',
12: '6',
13: '5',
14: '4'
};
return e30SizeData;
}
function getRowNumberData() {
var rowNumberData = {
1: '1',
2: '2',
3: '2',
4: '3',
5: '3',
6: '4',
7: '4',
8: '5',
9: '6',
10: '7',
11: '8',
12: '8',
13: '8',
14: '8'
};
return rowNumberData;
}
module.exports = {
formatTime: formatTime,
getSmallEyeData: getSmallEyeData,
getBigEyeData: getBigEyeData,
getE60SizeData: getE60SizeData,
getE30SizeData: getE30SizeData,
getRowNumberData: getRowNumberData
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment