对照

src/views/login/login.vue

@@ -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>
+                        <el-input v-model="registerParams.code" placeholder="请输入验证码"
-                        <img width="100" height="32" style="margin-left: 10px;" :src="captchaImgUrl" @click="refreshImg" />
+                            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"
+    <SliderVerify v-model:isShowSelf="sliderVConf.isShowSelf" :width="sliderVConf.width" :height="sliderVConf.height"
-        :height="sliderVConf.height" @success="toHome"></SliderVerify>
+        @success="toHome"></SliderVerify>
 </template>
 
 <script lang='ts' setup>
-import {onMounted, reactive, ref, toRefs, watch} from 'vue'
+import { onMounted, reactive, ref, toRefs, watch } from 'vue'
-import {useRouter} from 'vue-router'
+import { useRouter } from 'vue-router'
-import {ElMessage, ElMessageBox} from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
-import {useLoginStore} from '@/stores/user-info-store'
+import { useLoginStore } from '@/stores/user-info-store'
-import {getHospitalsData, getPhoneAreasData} from '@/static-data/core'
+import { getHospitalsData, getPhoneAreasData } from '@/static-data/core'
-import {v4} from "uuid";
+import { v4 } from "uuid";
-import {HOST} from "@/axios";
+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;