jiupeiyun_kaoshi/pages/login/login.vue

<template>
	<view class="login">
		<Headers></Headers>
		<image class="bg" src="/static/images/bg.png"></image>
		<view class="ddflex" style="flex-direction: column;">
			<view class="register ddflex">
				<view class="re-con-pic">
					<!-- <view class="re-con-pic-title">在线考试系统</view> -->
					<image src="/static/images/loginBg1.png"></image>
				</view>
				<view class="re-con">
					<view class="re-tit">考生登录</view>
					<view class="re-li dflex">
						<!-- <image src="../../static/images/sjico.png" class="sjico"></image> -->
						<input v-model="testNumber" type="number" placeholder="准考证号" maxlength="11" placeholder-class="placeholder" class="re-ipt flex" />
					</view>
					<uni-data-select
					      v-model="testProject"
					      :localdata="range"
					      @change="changeTestPro"
						  placeholder="考试项目"
					    ></uni-data-select>
					<!-- <view class="re-li re-li-yzm dflex">
						<input v-model="code" maxlength="4" placeholder="请输入验证码" placeholder-class="placeholder" class="re-ipt" />
						<view class="yzm-box" @click="refresh()"><canvas :style="{ width: width + 'px', height: height + 'px' }" canvas-id="imgcanvas"></canvas></view>
					</view> -->
					<view class="re-btn" @click="okLogin()">登录</view>
					<view class="re-btn-text" @click="jumpUrl('/pages/scoreQuery/scoreQuery')">考生成绩查询</view>
				</view>
			</view>
			<view class="bottom-content ddflex">
				<!-- 考试公告 -->
				<view class="note-box">
					<view class="note-title ddflex">
						<image class="note-title-icon" src="/static/images/ksgg.png"></image>
						<view>考试公告</view>
					</view>
					<view>
						<view class="note-item ddflex" v-for="item,index in otherInfo" :key="index" @click="jumpUrl('/pages/contentDetail/contentDetail?id='+item.id)">
							<view class="note-item-content">{{item.title}}</view>
							<view class="note-item-date">{{dateFormat(item.creatDate)}}</view>
						</view>
					</view>
				</view>
				<!-- 注意事项 -->
				<view class="note-box">
					<view class="note-title ddflex">
						<image class="note-title-icon" src="/static/images/zysx.png"></image>
						<view>注意事项</view>
					</view>
					<view>
						<view class="note-item ddflex" v-for="item,index in noteInfo" :key="index+'zy'" @click="jumpUrl('/pages/contentDetail/contentDetail?id='+item.id)">
							<view class="note-item-content">{{item.title}}</view>
							<view class="note-item-date">{{dateFormat(item.creatDate)}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<Foot :havaBackground='false'></Foot>
	</view>
</template>

<script>
const app = getApp();
const req = require('../../utils/request.js');
const utils = require('../../utils/util.js');
export default {
	data() {
		return {
			title: 'Hello',
			width: 115,
			height: 36,
			testNumber: '',
			testProject:'',
			code: '',
			isCheckArg: true,
			range:[],
			otherInfo:[],//考试公告
			noteInfo:[],//注意事项
		};
	},
	onLoad() {
		var tha = this;
		this.getTestProject()
		this.getTextOtherInfo()
		this.getTextNoteInfo()
		setTimeout(function() {
			tha.initCode();
		}, 200);
	},
	methods: {
		jumpUrl(url){
			uni.navigateTo({
				url:url
			})
		},
		// 考试下拉框
		changeTestPro(e){
			console.log("e:", e);
		},
		// 获取考试项目
		getTestProject(){
			console.log('11')
			req.getRequest('https://mock.apifox.cn/m1/2171629-0-default/api/test/project',{},res=>{
				console.log('this.range',res)
				this.range = res.map(item=>{return {text:item.title,value:item.id}})
				console.log(this.range)
			})
		},
		// 考试公告
		getTextOtherInfo(){
			req.getRequest('https://mock.apifox.cn/m1/2171629-0-default/api/ksgg',{},res=>{
				this.otherInfo = res
			})
		},
		// 考试公告
		getTextNoteInfo(){
			req.getRequest('https://mock.apifox.cn/m1/2171629-0-default/api/ksgg',{type:2},res=>{
				this.noteInfo = res
			})
		},
		okLogin() {
			if (!this.testNumber) {
				return req.msg('请输入准考证号');
			}
			if (!this.testProject) {
				return req.msg('请选择考试项目');
			}
			var formP = {
				testNumber: this.testNumber,
				testProject: this.testProject
			};
			uni.reLaunch({
				url: '/pages/test/test'
			});
			return false
			req.postRequest('/api/v3/hy/account/pwdLogin', formP, data => {
				this.getUserInfo();
			});
		},
		// 时间格式化
		dateFormat(date){
			return req.dateFormat(date).v5
		},
		getUserInfo() {
			req.getRequest(
				'/api/v3/hy/account/userInfo',
				{},
				data => {
					req.setStorage('userInfo', data);
					if(data.type==1||data.isStaff){
						uni.reLaunch({
							url: '/pages/learn/learn'
						});
					}else{
						uni.reLaunch({
							url: '/pages/index/index'
						});
					}
				},
				true
			);
		},

		
	}
};
</script>

<style>
	@import url('../login/login.css');
</style>