<template>
	<view class="container">
		<image class="logo" src="@/static/xc-logo.png" mode="widthFix"></image>
		<image class="titlelogo" src="@/static/img-stuEnter/titlelogo.png" mode="widthFix"></image>
		<image class="btn" src="@/static/img-stuEnter/scanbtn.png" mode="widthFix"  @click="tapScan"></image>
		<!-- <view class="page">
		  <view class="btn scanCodeBtn" @click="tapScan">扫码</view>
		</view> -->
		
		<scanCode ref="refScanCode"></scanCode>
	</view>
  
</template>

<script>
import scanCode from "@/components/scanCode.vue"
export default {
  components:{scanCode},
  data() {
    return {};
  },
  methods: {
    tapScan() {
      this.$refs['refScanCode'].scanCode().then(res=>{
		  if (!res) return;
		  // var userInfo = this.GET_GLOBAL("loginUser");
		  this.NAV_TO('./from', { StuNo: res.result }, true);
		 //  var result =  this.HTTP_GET(
			// "learun/adms/EducationalAdministration/StuInfoBasic/stuinfo",
			// {
			//   userid: userInfo.userId,
			//   meetid: res.result,
			// },
			// "扫码出错"
		 //  ).then(res1=>{
			//   this.TOAST(res1.result)
			// })
	  })
    },
  },
  created() {
  	 this.NAV_TO('./from', { StuNo: res.result }, true);
  }
};
</script>

<style lang="less" scoped>
// @import "~@/common/css/sidepage.less";
// @import "~@/common/css/customlist.less";
// .scanCodeBtn{
// 	width: 120px;
// 	height: 120px;
// 	border-radius: 50%;
// 	line-height: 120px;
// }
.logo{
	width: 258px;
}
.titlelogo{
	width: 268px;
	margin-top: 52px;
	margin-bottom: 20px;
}
.btn{
	width: 184px;
}
.container{
	height: 100vh;
	text-align: center;
	box-sizing: border-box;
	background-image: url("@/static/stu-bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #0c86d8;
}
</style>
