ssm41471/src/main/webapp/front/pages/forget/forget.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
	<view class="content">
		<view class="forget-bg">
			<view class="forget-card" :style='{"boxShadow":"0 0 8rpx #ffaa33","backgroundColor":"#fff","borderColor":"rgba(1, 157, 214, 1)","borderRadius":"0","borderStyle":"solid","borderWidth":"0px"}'>
				<view class="forget-input forget-margin-b">
					<input v-model="username" :style='{"borderColor":"rgba(255, 170, 19, 1)","backgroundColor":"#fff","borderRadius":"8rpx","color":"rgba(0, 0, 0, 1)","textAlign":"left","borderWidth":"2rpx","fontSize":"26rpx","borderStyle":"solid","height":"80rpx"}' type="text" placeholder="请输入您的账号" />
				</view>
				<view class="login-input login-margin-b">
					<picker style="color: #888888;padding: 0 40upx;box-sizing:border-box;margin-top: 20upx;" @change="optionsChange" :value="index"
					 :range="options">
						<view class="uni-input" :style='{"lineHeight":"80rpx","fontSize":"28rpx","color":"rgba(255, 107, 19, 1)","textAlign":"left"}'>{{options[index]}}</view>
					</picker>
				</view>
			</view>
		</view>

		<view class="forget-btn">
			<button class="landing" :style='{"borderColor":"#ccc","backgroundColor":"rgba(255, 107, 19, 1)","borderRadius":"20rpx","color":"rgba(255, 255, 255, 1)","borderWidth":"0px","fontSize":"32rpx","borderStyle":"solid","height":"88rpx"}' @tap="onResetPass" type="primary">重置密码</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				options: [
                    '请选择登陆用户类型',
					                                        '学生',
                                                                                '教师',
                                                                                                                                                                                                                                                                                                                                                                                        ],
                optionsValues: [
					'',
					                                        'xuesheng',
                                                                                'jiaoshi',
                                                                                                                                                                                                                                                                                                                                                                        				],
				index: 0
			}
		},
		onLoad() {
			this.styleChange()
		},
		methods: {
			async onResetPass() {
				if(this.username==undefined) {
					this.$utils.msg('请输入账号')
					return;
                                }
				if(this.optionsValues[this.index]=="") {
					this.$utils.msg('请选择角色')
                                        return;
				}
				let res = await this.$api.resetPass(`${this.optionsValues[this.index]}`, this.username)
				this.$utils.msgBack("重置密码成功,原始密码为:123456")
			},
			optionsChange(e) {
				this.index = e.target.value
			},
			styleChange() {
				this.$nextTick(()=>{