Browse Source

fix: 登录和大屏跳转

master
zhangli 1 year ago
parent
commit
9ba7f08a37
  1. BIN
      src/assets/imgs/code.png
  2. 10
      src/views/Login/components/LoginForm.vue
  3. 2
      src/views/report/goview/index.vue

BIN
src/assets/imgs/code.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

10
src/views/Login/components/LoginForm.vue

@ -22,14 +22,18 @@
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
<el-form-item prop="password">
<el-input v-model="loginData.loginForm.password" :placeholder="t('login.passwordPlaceholder')"
:prefix-icon="iconLock" show-password type="password" @keyup.enter="getCode()" style="height: 42px;"/>
:prefix-icon="iconLock" show-password type="password" @keyup.enter="getCode()" style="height: 42px;" />
</el-form-item>
</el-col>
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
<el-form-item prop="code">
<div class="flex w-[100%]">
<el-input v-model="loginData.loginForm.code" placeholder="请输入验证码" style="width: 76%;margin-right: 10px;height: 42px;"
:prefix-icon="iconLock" @keyup.enter="handleLogin()" />
<el-input v-model="loginData.loginForm.code" placeholder="请输入验证码"
style="width: 76%;margin-right: 10px;height: 42px;" @keyup.enter="handleLogin()">
<template #prefix>
<img src="@/assets/imgs/code.png" alt="" style="width: 16px;height: 16px;" />
</template>
</el-input>
<div class="login-code flex-1">
<img :src="codeUrl" @click="getCode" class="login-code-img" />
</div>

2
src/views/report/goview/index.vue

@ -6,5 +6,5 @@
<script lang="ts" setup>
defineOptions({ name: 'GoView' })
const src = 'http://127.0.0.1:3000'
const src = 'http://localhost:3000'
</script>

Loading…
Cancel
Save