root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2025-08-23 20:44:58 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

对照

This commit is contained in:
熊猫 2024-02-02 14:12:02 +08:00
parent 9d608fdabf
commit 7bf1420817
1 changed files with 69 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/views/login/login.vue
View File

@ -20,7 +20,7 @@
<el-input v-model="loginParams.account" placeholder="请输入用户名">
<template #prepend>
<el-icon>
<User/>
<User />
</el-icon>
</template>
</el-input>
@ -29,7 +29,7 @@
<el-input v-model="loginParams.password" type="password" show-password placeholder="请输入密码">
<template #prepend>
<el-icon>
<Lock/>
<Lock />
</el-icon>
</template>
</el-input>
@ -71,7 +71,9 @@
<div v-else class="register-block move_2">
<div class="header-box">
<span class="title">新用户申请</span>
<el-icon @click="isShowRegister = false"><Close /></el-icon>
<el-icon @click="isShowRegister = false">
<Close />
</el-icon>
</div>
<el-form ref="registerFormRef" :model="registerParams" :rules="registerRules" label-width="100">
@ -79,7 +81,8 @@
<el-input v-model="registerParams.account" placeholder="请输入用户名"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="registerParams.password" type="password" show-password placeholder="请输入密码"></el-input>
<el-input v-model="registerParams.password" type="password" show-password
placeholder="请输入密码"></el-input>
</el-form-item>
<el-form-item label="姓名" prop="name">
<el-input v-model="registerParams.name" placeholder="请输入姓名"></el-input>
@ -100,12 +103,14 @@
</el-radio-group>
</el-form-item>
<el-form-item label="验证码" prop="code">
<el-input v-model="registerParams.code" placeholder="请输入验证码" style="width: calc(100% - 110px);"></el-input>
<img width="100" height="32" style="margin-left: 10px;" :src="captchaImgUrl" @click="refreshImg" />
<el-input v-model="registerParams.code" placeholder="请输入验证码"
style="width: calc(100% - 110px);"></el-input>
<img width="100" height="32" style="margin-left: 10px;" :src="captchaImgUrl" />
<a class="change_img" @click="refreshImg" href="#">看不清？</a>
</el-form-item>
</el-form>
<div class="footer-box">
<div class=" footer-box">
<el-button type="primary" @click="register">注 册</el-button>
<span @click="isShowRegister = false">已有账号?</span>
</div>
@ -113,18 +118,18 @@
</div>
</div>
</div>
<SliderVerify v-model:isShowSelf="sliderVConf.isShowSelf" :width="sliderVConf.width"
:height="sliderVConf.height" @success="toHome"></SliderVerify>
<SliderVerify v-model:isShowSelf="sliderVConf.isShowSelf" :width="sliderVConf.width" :height="sliderVConf.height"
@success="toHome"></SliderVerify>
</template>
<script lang='ts' setup>
import {onMounted, reactive, ref, toRefs, watch} from 'vue'
import {useRouter} from 'vue-router'
import {ElMessage, ElMessageBox} from 'element-plus'
import {useLoginStore} from '@/stores/user-info-store'
import {getHospitalsData, getPhoneAreasData} from '@/static-data/core'
import {v4} from "uuid";
import {HOST} from "@/axios";
import { onMounted, reactive, ref, toRefs, watch } from 'vue'
import { useRouter } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
import { useLoginStore } from '@/stores/user-info-store'
import { getHospitalsData, getPhoneAreasData } from '@/static-data/core'
import { v4 } from "uuid";
import { HOST } from "@/axios";
const router = useRouter()
@ -232,16 +237,16 @@ const selectPhoneArea = (e: string) => {
loginParams.value.phoneArea = e
}
const sendCode = () => {
if(loginParams.value.isSendCode) return
if (loginParams.value.isSendCode) return
let num = 60
ElMessage.success('发送成功！')
loginParams.value.isSendCode = true
loginParams.value.sendText = '请' + num + '秒后重新发送'
loginParams.value.sendTimer = setInterval(() => {
num--
if(num > 0) {
if (num > 0) {
loginParams.value.sendText = '请' + num + '秒后重新发送'
}else {
} else {
loginParams.value.isSendCode = false
loginParams.value.sendText = '重新获取短信验证码'
clearInterval(loginParams.value.sendTimer)
@ -251,7 +256,7 @@ const sendCode = () => {
}
const login = async (type: string) => {
const obj = loginParams.value
if(!currentHospital.value) {
if (!currentHospital.value) {
ElMessage.warning('请在右上角选择院区')
return
}
@ -425,28 +430,34 @@ const toHome = () => {
min-height: 300px;
padding: 50px;
background: white;
.header-box {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
.title {
font-size: 20px;
color: $main-color;
font-weight: 600;
}
.el-icon {
cursor: pointer;
}
}
.footer-box {
padding-left: 100px;
display: flex;
justify-content: space-between;
align-items: center;
.el-button {
font-size: 16px;
padding: 5px 50px;
}
&>span {
cursor: pointer;
font-size: 18px;