@@ -0,0 +1,149 @@ | |||
#sQrCode { | |||
height: 100%; | |||
background-color: #EEF2F3; | |||
padding-bottom: 30px; | |||
} | |||
.sQrLogo { | |||
background-image: url(images/xcBg.jpg); | |||
background-size: 100% 100%; | |||
text-align: center; | |||
line-height: 0; | |||
padding: 20px 0 70px; | |||
} | |||
.sQrLogoImg1 img { | |||
width: 20%; | |||
} | |||
.sQrLogoImg1 { | |||
margin-bottom: 10px; | |||
} | |||
.sQrLogoImg2 img { | |||
width: 50%; | |||
} | |||
.sQrBox { | |||
margin: -50px 20px 0; | |||
background-color: #fff; | |||
padding: 30px 38px; | |||
border-radius: 10px; | |||
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
/* overflow: hidden; */ | |||
} | |||
.sQrT2 { | |||
font-weight: bold; | |||
text-align: center; | |||
font-size: 24px; | |||
margin-bottom: 20px; | |||
color: #CC0000; | |||
} | |||
.sQrList { | |||
background-color: #F8F8F8; | |||
margin: 0 10px; | |||
padding: 10px 30px; | |||
border-radius: 4px | |||
} | |||
.sQrList div { | |||
padding: 7px 10px; | |||
font-size: 14px; | |||
color: #000; | |||
border-top: 1px solid #D7D7D7; | |||
} | |||
.sQrList div:first-child { | |||
border: 0; | |||
} | |||
.sQrList div span { | |||
color: #AEAEAE; | |||
margin-right: 10px; | |||
} | |||
.sQrType3 { | |||
background-color: #CC0000; | |||
padding: 20px 0; | |||
text-align: center; | |||
color: #fff; | |||
margin: 30px -38px -30px; | |||
border-radius: 0 0 10px 10px; | |||
} | |||
.sQrType3>* { | |||
display: inline-block; | |||
vertical-align: middle; | |||
text-align: left; | |||
} | |||
.sQrTypeT { | |||
font-size: 14px; | |||
} | |||
.sQrTypeTxt { | |||
font-size: 24px; | |||
font-weight: bold; | |||
margin-top: 3px; | |||
} | |||
.sQrTypeImg { | |||
margin-left: 15px; | |||
width: 43px; | |||
line-height: 0; | |||
} | |||
.sQrTypeImg img { | |||
width: 100%; | |||
} | |||
.sQrTxt1 { | |||
margin: 30px 50px 20px; | |||
font-size: 14px; | |||
color: #AEAEAE; | |||
} | |||
.sQrBtn2 { | |||
margin: 20px 20px 0; | |||
background-color: #CED0D0; | |||
/* -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); | |||
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1); | |||
box-shadow: 0 0 10px rgba(0, 0, 0, .1); */ | |||
border-radius: 8px; | |||
height: 50px; | |||
line-height: 50px; | |||
font-weight: bold; | |||
color: #fff; | |||
font-size: 16px; | |||
text-align: center; | |||
} | |||
.sQrBtn2 img { | |||
width: 23px; | |||
margin-right: 10px; | |||
position: relative; | |||
top: 2px; | |||
} | |||
.sQrType3 .sQrTypePhoto { | |||
border: 4px solid #CC0000; | |||
border-radius: 4px; | |||
width: 85px; | |||
margin: -30px 10px -30px 0; | |||
background: #fff; | |||
} | |||
.sQrTypePhoto div { | |||
height: 0; | |||
overflow: hidden; | |||
padding-bottom: 139.516129%; | |||
line-height: 0; | |||
} | |||
.sQrTypePhoto img { | |||
width: 100%; | |||
} |
@@ -0,0 +1,34 @@ | |||
<div class="lr-form-container" id="sQrCode"> | |||
<div class="sQrCode"> | |||
<div class="sQrLogo"> | |||
<div class="sQrLogoImg1"><img src="images/logoXc.png" alt=""></div> | |||
<div class="sQrLogoImg2"><img src="images/logoXcTxt.png" alt=""></div> | |||
</div> | |||
<div class="sQrBox"> | |||
<div class="sQrT2">禁止通行</div> | |||
<div class="sQrList"> | |||
<div><span>姓名</span><strong>张某某</strong></div> | |||
<div><span>专业</span><strong>>学前教育</strong></div> | |||
<div><span>班级</span><strong>>18学教301</strong></div> | |||
<div><span>学号</span><strong>>154236987215</strong></div> | |||
<div><span>宿舍</span><strong>203</strong></div> | |||
</div> | |||
<div class="sQrType3"> | |||
<div class="sQrTypePhoto"> | |||
<div><img src="" alt=""></div> | |||
</div> | |||
<div class="sQrTypeCon"> | |||
<div class="sQrTypeT">健康信息 : </div> | |||
<div class="sQrTypeTxt">异常</div> | |||
</div> | |||
<div class="sQrTypeImg"> | |||
<img src="images/xcYz.png" alt=""> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="sQrTxt1">温馨提示 : 示:因疫情防控需要,校园实行封闭管理,仅限校内经许可的师生员工通行,敬请理解和配合。 </div> | |||
<div class="sQrBtn2"> | |||
<img src="images/xcZc3.png" alt=""> 确认入校 | |||
</div> | |||
</div> | |||
</div> |
@@ -0,0 +1,46 @@ | |||
(function () { | |||
var $header = null; | |||
var stuNo = ''; | |||
var page = { | |||
isScroll: true, | |||
init: function ($page, param) { | |||
stuNo = param.stuNo; | |||
// 添加头部按钮列表 | |||
$header = $page.parents('.f-page').find('.f-page-header'); | |||
learun.httpget(config.webapi + 'learun/EducationalAdministration/StuInfoBasic/stuinfoDetail',stuNo, function (data) { | |||
console.log(data); | |||
$('.sQrList div strong').eq(0).html(data.stuInfo.StuName); | |||
$('.sQrList div strong').eq(1).html(data.majorInfo.MajorName); | |||
$('.sQrList div strong').eq(2).html(data.classInfo.ClassName); | |||
$('.sQrList div strong').eq(3).html(data.stuInfo.StuNo); | |||
$('.sQrList div strong').eq(4).html(data.roomInfo); | |||
//$('.sQrList div strong').eq(4).html(data.stuInfo.Photo); //学生照片 | |||
if (data.stuInfo.Photo != '') { | |||
$('.sQrTypePhoto img').attr('src', config.web + data.stuInfo.Photo); | |||
} else { | |||
if (data.stuInfo.GenderNo) { | |||
$('.sQrTypePhoto img').attr('src', '/images/on-boy.jpg'); | |||
} else { | |||
$('.sQrTypePhoto img').attr('src', '/images/on-girl.jpg'); | |||
} | |||
} | |||
learun.code.encode({ id: 'lr_mycode_qrcode', text: data.stuInfo.StuNo }); | |||
}) | |||
page.bind($page, param); | |||
}, | |||
bind: function ($page, param) { | |||
}, destroy: function (pageinfo) { | |||
$header = null; | |||
} | |||
}; | |||
return page; | |||
})(); |
@@ -0,0 +1,149 @@ | |||
#sQrCode { | |||
height: 100%; | |||
background-color: #EEF2F3; | |||
padding-bottom: 30px; | |||
} | |||
.sQrLogo { | |||
background-image: url(images/xcBg.jpg); | |||
background-size: 100% 100%; | |||
text-align: center; | |||
line-height: 0; | |||
padding: 20px 0 70px; | |||
} | |||
.sQrLogoImg1 img { | |||
width: 20%; | |||
} | |||
.sQrLogoImg1 { | |||
margin-bottom: 10px; | |||
} | |||
.sQrLogoImg2 img { | |||
width: 50%; | |||
} | |||
.sQrBox { | |||
margin: -50px 20px 0; | |||
background-color: #fff; | |||
padding: 30px 38px; | |||
border-radius: 10px; | |||
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
/* overflow: hidden; */ | |||
} | |||
.sQrT2 { | |||
font-weight: bold; | |||
text-align: center; | |||
font-size: 24px; | |||
margin-bottom: 20px; | |||
color: #F8B500; | |||
} | |||
.sQrList { | |||
background-color: #F8F8F8; | |||
margin: 0 10px; | |||
padding: 10px 30px; | |||
border-radius: 4px | |||
} | |||
.sQrList div { | |||
padding: 7px 10px; | |||
font-size: 14px; | |||
color: #000; | |||
border-top: 1px solid #D7D7D7; | |||
} | |||
.sQrList div:first-child { | |||
border: 0; | |||
} | |||
.sQrList div span { | |||
color: #AEAEAE; | |||
margin-right: 10px; | |||
} | |||
.sQrType2 { | |||
background-color: #F8B500; | |||
padding: 20px 0; | |||
text-align: center; | |||
color: #fff; | |||
margin: 30px -38px -30px; | |||
border-radius: 0 0 10px 10px; | |||
} | |||
.sQrType2>* { | |||
display: inline-block; | |||
vertical-align: middle; | |||
text-align: left; | |||
} | |||
.sQrTypeT { | |||
font-size: 14px; | |||
} | |||
.sQrTypeTxt { | |||
font-size: 24px; | |||
font-weight: bold; | |||
margin-top: 3px; | |||
} | |||
.sQrTypeImg { | |||
margin-left: 15px; | |||
width: 43px; | |||
line-height: 0; | |||
} | |||
.sQrTypeImg img { | |||
width: 100%; | |||
} | |||
.sQrTxt1 { | |||
margin: 30px 50px 20px; | |||
font-size: 14px; | |||
color: #AEAEAE; | |||
} | |||
.sQrBtn3 { | |||
margin: 20px 20px 0; | |||
background-color: #CED0D0; | |||
/* -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); | |||
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1); | |||
box-shadow: 0 0 10px rgba(0, 0, 0, .1); */ | |||
border-radius: 8px; | |||
height: 50px; | |||
line-height: 50px; | |||
font-weight: bold; | |||
color: #fff; | |||
font-size: 16px; | |||
text-align: center; | |||
} | |||
.sQrBtn3 img { | |||
width: 23px; | |||
margin-right: 10px; | |||
position: relative; | |||
top: 2px; | |||
} | |||
.sQrType2 .sQrTypePhoto { | |||
border: 4px solid #F8B500; | |||
border-radius: 4px; | |||
width: 85px; | |||
margin: -30px 10px -30px 0; | |||
background: #fff; | |||
} | |||
.sQrTypePhoto div { | |||
height: 0; | |||
overflow: hidden; | |||
padding-bottom: 139.516129%; | |||
line-height: 0; | |||
} | |||
.sQrTypePhoto img { | |||
width: 100%; | |||
} |
@@ -0,0 +1,34 @@ | |||
<div class="lr-form-container" id="sQrCode"> | |||
<div class="sQrCode"> | |||
<div class="sQrLogo"> | |||
<div class="sQrLogoImg1"><img src="images/logoXc.png" alt=""></div> | |||
<div class="sQrLogoImg2"><img src="images/logoXcTxt.png" alt=""></div> | |||
</div> | |||
<div class="sQrBox"> | |||
<div class="sQrT2">禁止通行</div> | |||
<div class="sQrList"> | |||
<div><span>姓名</span><strong>张某某</strong></div> | |||
<div><span>专业</span><strong>学前教育</strong></div> | |||
<div><span>班级</span><strong>18学教301</strong></div> | |||
<div><span>学号</span><strong>154236987215</strong></div> | |||
<div><span>宿舍</span><strong>203</strong></div> | |||
</div> | |||
<div class="sQrType2"> | |||
<div class="sQrTypePhoto"> | |||
<div><img src="" alt=""></div> | |||
</div> | |||
<div class="sQrTypeCon"> | |||
<div class="sQrTypeT">健康信息 : </div> | |||
<div class="sQrTypeTxt">异常</div> | |||
</div> | |||
<div class="sQrTypeImg"> | |||
<img src="images/xcYc.png" alt=""> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="sQrTxt1">温馨提示 : 示:因疫情防控需要,校园实行封闭管理,仅限校内经许可的师生员工通行,敬请理解和配合。 </div> | |||
<div class="sQrBtn3"> | |||
<img src="images/xcZc3.png" alt=""> 确认入校 | |||
</div> | |||
</div> | |||
</div> |
@@ -0,0 +1,45 @@ | |||
(function () { | |||
var $header = null; | |||
var stuNo = ''; | |||
var page = { | |||
isScroll: true, | |||
init: function ($page, param) { | |||
stuNo = param.stuNo; | |||
// 添加头部按钮列表 | |||
$header = $page.parents('.f-page').find('.f-page-header'); | |||
learun.httpget(config.webapi + 'learun/adms/EducationalAdministration/StuInfoBasic/stuinfoDetail',stuNo, function (data) { | |||
console.log(data); | |||
$('.sQrList div strong').eq(0).html(data.stuInfo.StuName); | |||
$('.sQrList div strong').eq(1).html(data.majorInfo.MajorName); | |||
$('.sQrList div strong').eq(2).html(data.classInfo.ClassName); | |||
$('.sQrList div strong').eq(3).html(data.stuInfo.StuNo); | |||
$('.sQrList div strong').eq(4).html(data.roomInfo); | |||
//$('.sQrList div strong').eq(4).html(data.stuInfo.Photo); //学生照片 | |||
if (data.stuInfo.Photo != '') { | |||
$('.sQrTypePhoto img').attr('src', config.web + data.stuInfo.Photo); | |||
} else { | |||
if (data.stuInfo.GenderNo) { | |||
$('.sQrTypePhoto img').attr('src', '/images/on-boy.jpg'); | |||
} else { | |||
$('.sQrTypePhoto img').attr('src', '/images/on-girl.jpg'); | |||
} | |||
} | |||
learun.code.encode({ id: 'lr_mycode_qrcode', text: data.stuInfo.StuNo }); | |||
}) | |||
page.bind($page, param); | |||
}, | |||
bind: function ($page, param) { | |||
}, destroy: function (pageinfo) { | |||
$header = null; | |||
} | |||
}; | |||
return page; | |||
})(); |
@@ -0,0 +1,149 @@ | |||
#sQrCode { | |||
height: 100%; | |||
background-color: #EEF2F3; | |||
padding-bottom: 30px; | |||
} | |||
.sQrLogo { | |||
background-image: url(images/xcBg.jpg); | |||
background-size: 100% 100%; | |||
text-align: center; | |||
line-height: 0; | |||
padding: 20px 0 70px; | |||
} | |||
.sQrLogoImg1 img { | |||
width: 20%; | |||
} | |||
.sQrLogoImg1 { | |||
margin-bottom: 10px; | |||
} | |||
.sQrLogoImg2 img { | |||
width: 50%; | |||
} | |||
.sQrBox { | |||
margin: -50px 20px 0; | |||
background-color: #fff; | |||
padding: 30px 38px; | |||
border-radius: 10px; | |||
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
/* overflow: hidden; */ | |||
} | |||
.sQrT2 { | |||
font-weight: bold; | |||
text-align: center; | |||
font-size: 24px; | |||
margin-bottom: 20px; | |||
color: #21A737; | |||
} | |||
.sQrList { | |||
background-color: #F8F8F8; | |||
margin: 0 10px; | |||
padding: 10px 30px; | |||
border-radius: 4px | |||
} | |||
.sQrList div { | |||
padding: 7px 10px; | |||
font-size: 14px; | |||
color: #000; | |||
border-top: 1px solid #D7D7D7; | |||
} | |||
.sQrList div:first-child { | |||
border: 0; | |||
} | |||
.sQrList div span { | |||
color: #AEAEAE; | |||
margin-right: 10px; | |||
} | |||
.sQrType1 { | |||
background-color: #21A737; | |||
padding: 20px 0; | |||
text-align: center; | |||
color: #fff; | |||
margin: 30px -38px -30px; | |||
border-radius: 0 0 10px 10px; | |||
} | |||
.sQrType1>* { | |||
display: inline-block; | |||
vertical-align: middle; | |||
text-align: left; | |||
} | |||
.sQrTypeT { | |||
font-size: 14px; | |||
} | |||
.sQrTypeTxt { | |||
font-size: 24px; | |||
font-weight: bold; | |||
margin-top: 3px; | |||
} | |||
.sQrTypeImg { | |||
margin-left: 15px; | |||
width: 43px; | |||
line-height: 0; | |||
} | |||
.sQrTypeImg img { | |||
width: 100%; | |||
} | |||
.sQrTxt1 { | |||
margin: 30px 50px 20px; | |||
font-size: 14px; | |||
color: #AEAEAE; | |||
} | |||
.sQrBtn1 { | |||
margin: 20px 20px 0; | |||
background-color: #fff; | |||
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); | |||
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1); | |||
box-shadow: 0 0 10px rgba(0, 0, 0, .1); | |||
border-radius: 8px; | |||
height: 50px; | |||
line-height: 50px; | |||
font-weight: bold; | |||
color: #339933; | |||
font-size: 16px; | |||
text-align: center; | |||
} | |||
.sQrBtn1 img { | |||
width: 23px; | |||
margin-right: 10px; | |||
position: relative; | |||
top: 2px; | |||
} | |||
.sQrType1 .sQrTypePhoto { | |||
border: 4px solid #21A737; | |||
border-radius: 4px; | |||
width: 85px; | |||
margin: -30px 10px -30px 0; | |||
background: #fff; | |||
} | |||
.sQrTypePhoto div { | |||
height: 0; | |||
overflow: hidden; | |||
padding-bottom: 139.516129%; | |||
line-height: 0; | |||
} | |||
.sQrTypePhoto img { | |||
width: 100%; | |||
} |
@@ -0,0 +1,34 @@ | |||
<div class="lr-form-container" id="sQrCode"> | |||
<div class="sQrCode"> | |||
<div class="sQrLogo"> | |||
<div class="sQrLogoImg1"><img src="images/logoXc.png" alt=""></div> | |||
<div class="sQrLogoImg2"><img src="images/logoXcTxt.png" alt=""></div> | |||
</div> | |||
<div class="sQrBox"> | |||
<div class="sQrT2">允许通行</div> | |||
<div class="sQrList"> | |||
<div><span>姓名</span><strong>张某某</strong></div> | |||
<div><span>专业</span><strong>学前教育</strong></div> | |||
<div><span>班级</span><strong>18学教301</strong></div> | |||
<div><span>学号</span><strong>154236987215</strong></div> | |||
<div><span>宿舍</span><strong>203</strong></div> | |||
</div> | |||
<div class="sQrType1"> | |||
<div class="sQrTypePhoto"> | |||
<div><img src="" alt=""></div> | |||
</div> | |||
<div class="sQrTypeCon"> | |||
<div class="sQrTypeT">健康信息 : </div> | |||
<div class="sQrTypeTxt">正常</div> | |||
</div> | |||
<div class="sQrTypeImg"> | |||
<img src="images/xcZc.png" alt=""> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="sQrTxt1">温馨提示 : 示:因疫情防控需要,校园实行封闭管理,仅限校内经许可的师生员工通行,敬请理解和配合。 </div> | |||
<div class="sQrBtn1"> | |||
<img src="images/xcZc2.png" alt=""> 确认入校 | |||
</div> | |||
</div> | |||
</div> |
@@ -0,0 +1,70 @@ | |||
(function () { | |||
var $header = null; | |||
var stuNo = ''; | |||
var page = { | |||
isScroll: true, | |||
init: function ($page, param) { | |||
stuNo = param.stuNo; | |||
// 添加头部按钮列表 | |||
$header = $page.parents('.f-page').find('.f-page-header'); | |||
learun.httpget(config.webapi + 'learun/EducationalAdministration/StuInfoBasic/stuinfoDetail',stuNo, function (data) { | |||
console.log(data); | |||
$('.sQrList div strong').eq(0).html(data.stuInfo.StuName); | |||
$('.sQrList div strong').eq(1).html(data.majorInfo.MajorName); | |||
$('.sQrList div strong').eq(2).html(data.classInfo.ClassName); | |||
$('.sQrList div strong').eq(3).html(data.stuInfo.StuNo); | |||
$('.sQrList div strong').eq(4).html(data.roomInfo); | |||
//$('.sQrList div strong').eq(4).html(data.stuInfo.Photo); //学生照片 | |||
if (data.stuInfo.Photo != '') { | |||
$('.sQrTypePhoto img').attr('src', config.web + data.stuInfo.Photo); | |||
} else { | |||
if (data.stuInfo.GenderNo) { | |||
$('.sQrTypePhoto img').attr('src', '/images/on-boy.jpg'); | |||
} else { | |||
$('.sQrTypePhoto img').attr('src', '/images/on-girl.jpg'); | |||
} | |||
} | |||
learun.code.encode({ id: 'lr_mycode_qrcode', text: data.stuInfo.StuNo }); | |||
}) | |||
$page.find('.sQrBtn1').on('tap', function () { | |||
var loginInfo = learun.storage.get('userinfo'); | |||
var buildEntity = {}; | |||
buildEntity.UId = loginInfo.baseinfo.userId; | |||
buildEntity.SId = stuNo;//'2018010129'; | |||
var param = {}; | |||
param.keyValue = ''; | |||
param.strEntity = JSON.stringify(buildEntity); | |||
learun.layer.loading(true, '正在提交数据'); | |||
learun.httppost(config.webapi + 'learun/EducationalAdministration/R_EnterSchool/save', param, (data) => { | |||
learun.layer.loading(false); | |||
if (data) {// 表单数据保存成功 | |||
learun.layer.toast("添加成功"); | |||
learun.nav.closeCurrent(); | |||
var prepage = learun.nav.getpage('EducationalAdministration/R_EnterSchool'); | |||
prepage.init(); | |||
} | |||
}); | |||
}); | |||
page.bind($page, param); | |||
}, | |||
bind: function ($page, param) { | |||
}, destroy: function (pageinfo) { | |||
$header = null; | |||
} | |||
}; | |||
return page; | |||
})(); |
@@ -0,0 +1,106 @@ | |||
#sQrCode { | |||
height: 100%; | |||
background-color: #EEF2F3; | |||
padding-bottom: 30px; | |||
} | |||
.sTabBox { | |||
line-height: 24px; | |||
text-align: center; | |||
margin-bottom: 18px; | |||
color: #333; | |||
} | |||
.sTabBox div { | |||
display: inline-block; | |||
width: 80px; | |||
background-color: rgba(255, 255, 255, .7); | |||
margin: 0 5px; | |||
font-size: 14px; | |||
border-radius: 2px; | |||
} | |||
.sQrLogo { | |||
background-image: url(images/xcBg.jpg); | |||
background-size: 100% 100%; | |||
text-align: center; | |||
line-height: 0; | |||
padding: 20px 0 70px; | |||
} | |||
.sQrLogoImg1 img { | |||
width: 20%; | |||
} | |||
.sQrLogoImg1 { | |||
margin-bottom: 10px; | |||
} | |||
.sQrLogoImg2 img { | |||
width: 50%; | |||
} | |||
.sQrBox { | |||
margin: -50px 20px 0; | |||
background-color: #fff; | |||
padding: 30px 38px; | |||
border-radius: 10px; | |||
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
box-shadow: 0 4px 10px rgba(0, 0, 0, .1); | |||
} | |||
.sQrT { | |||
font-weight: bold; | |||
text-align: center; | |||
font-size: 22px; | |||
margin-bottom: 20px; | |||
color: #000; | |||
} | |||
.sQrList { | |||
background-color: #F8F8F8; | |||
margin: 0 10px; | |||
padding: 10px 30px; | |||
border-radius: 4px | |||
} | |||
.sQrList div { | |||
padding: 7px 10px; | |||
font-size: 14px; | |||
color: #000; | |||
border-top: 1px solid #D7D7D7; | |||
} | |||
.sQrList div:first-child { | |||
border: 0; | |||
} | |||
.sQrList div span { | |||
color: #AEAEAE; | |||
margin-right: 10px; | |||
} | |||
.sQrImg { | |||
width: 145px; | |||
height: 145px; | |||
line-height: 0; | |||
margin: 20px auto; | |||
} | |||
.sQrImg img { | |||
width: 100%; | |||
} | |||
.sQrTxt { | |||
margin-bottom: 10px; | |||
text-align: center; | |||
font-size: 16px; | |||
font-weight: bold; | |||
color: #AEAEAE; | |||
} | |||
.sQrText { | |||
font-size: 14px; | |||
color: #AEAEAE; | |||
} |
@@ -0,0 +1,22 @@ | |||
<div class="lr-form-container" id="sQrCode"> | |||
<div class="sQrCode"> | |||
<div class="sQrLogo"> | |||
<div class="sQrLogoImg1"><img src="images/logoXc.png" alt=""></div> | |||
<div class="sQrLogoImg2"><img src="images/logoXcTxt.png" alt=""></div> | |||
</div> | |||
<div class="sQrBox"> | |||
<div class="sQrT">健康通行登记</div> | |||
<div class="sQrList"> | |||
<div><span>姓名</span><strong>张某某</strong></div> | |||
<div><span>专业</span><strong>学前教育</strong></div> | |||
<div><span>班级</span><strong>18学教301</strong></div> | |||
<div><span>学号</span><strong>154236987215</strong></div> | |||
<div><span>宿舍</span><strong>203</strong></div> | |||
</div> | |||
<div id="lr_mycode_qrcode" class="sQrImg"> | |||
</div> | |||
<div class="sQrTxt">请使用数字校园扫码并出示通行凭证</div> | |||
<div class="sQrText">温馨提示:因疫情防控需要,校园实行封闭管理,目前暂仅限经许可的校内师生员工通行。师生出入学校各个公共场所,请使用数字校园扫码,出示通行凭证接受核验。谢谢配合!</div> | |||
</div> | |||
</div> | |||
</div> |
@@ -0,0 +1,54 @@ | |||
(function () { | |||
var keyValue = ''; | |||
var $header = null; | |||
var page = { | |||
isScroll: true, | |||
init: function ($page, param) { | |||
keyValue = param.keyValue; | |||
// 添加头部按钮列表 | |||
$header = $page.parents('.f-page').find('.f-page-header'); | |||
// 取消 | |||
$page.find('#aa').on('tap', function () { | |||
learun.nav.go({ path: 'EducationalAdministration/StudentQRCode/Normal', title: '正常', type: 'right' }); | |||
}); | |||
$page.find('#bb').on('tap', function () { | |||
learun.nav.go({ path: 'EducationalAdministration/StudentQRCode/AbNormalWeak', title: '异常微弱', type: 'right' }); | |||
}); | |||
$page.find('#cc').on('tap', function () { | |||
learun.nav.go({ path: 'EducationalAdministration/StudentQRCode/AbNormalSerious', title: '异常严重', type: 'right' }); | |||
}); | |||
var logininfo = learun.storage.get('userinfo'); | |||
//learun.httpget(config.webapi + 'learun/EducationalAdministration/StuInfoBasic/stuinfoDetail',logininfo.baseinfo.account, function (data) { | |||
learun.httpget(config.webapi + 'learun/adms/EducationalAdministration/StuInfoBasic/stuinfoDetail','2018010108', function (data) { | |||
console.log(data); | |||
$('.sQrList div strong').eq(0).html(data.stuInfo.StuName); | |||
$('.sQrList div strong').eq(1).html(data.majorInfo.MajorName); | |||
$('.sQrList div strong').eq(2).html(data.classInfo.ClassName); | |||
$('.sQrList div strong').eq(3).html(data.stuInfo.StuNo); | |||
$('.sQrList div strong').eq(4).html(data.roomInfo); | |||
//$('.sQrList div strong').eq(4).html(data.stuInfo.Photo); //学生照片 | |||
learun.code.encode({ id: 'lr_mycode_qrcode', text: data.stuInfo.StuNo }); | |||
}) | |||
//learun.code.encode({ id: 'lr_mycode_qrcode', text: '2019010211' }); | |||
}, | |||
bind: function ($page, param) { | |||
}, destroy: function (pageinfo) { | |||
$header = null; | |||
keyValue = ''; | |||
} | |||
}; | |||
//上传照片 | |||
return page; | |||
})(); |