|
@@ -1,7 +1,10 @@
|
|
<template>
|
|
<template>
|
|
<div class="grid full login-view">
|
|
<div class="grid full login-view">
|
|
<div class="login-modal">
|
|
<div class="login-modal">
|
|
- <div class="p-l-large login-modal-header">欢迎登录</div>
|
|
|
|
|
|
+ <div class="p-l-large p-r-large login-modal-header">
|
|
|
|
+ <span>欢迎登录</span>
|
|
|
|
+ <span class="version">版本号:V{{ version }}</span>
|
|
|
|
+ </div>
|
|
<div class="login-modal-content">
|
|
<div class="login-modal-content">
|
|
<base-form
|
|
<base-form
|
|
ref="formRef"
|
|
ref="formRef"
|
|
@@ -49,6 +52,8 @@ const mainStore = useMainStore()
|
|
const mainLayoutStore = useMainLayoutStore()
|
|
const mainLayoutStore = useMainLayoutStore()
|
|
|
|
|
|
const { loading, fetch: login } = useFetch('userLogin')
|
|
const { loading, fetch: login } = useFetch('userLogin')
|
|
|
|
+const { result: version, fetch: fetchVersion } = useFetch('getVersion', 'get')
|
|
|
|
+fetchVersion()
|
|
|
|
|
|
const { formRef, elFormRef } = useForm()
|
|
const { formRef, elFormRef } = useForm()
|
|
|
|
|
|
@@ -185,10 +190,18 @@ initLogin()
|
|
font-size: $LoginModalHeaderFontSize;
|
|
font-size: $LoginModalHeaderFontSize;
|
|
font-weight: normal;
|
|
font-weight: normal;
|
|
color: $LoginModalHeaderFontColor;
|
|
color: $LoginModalHeaderFontColor;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ .version {
|
|
|
|
+ color: #ccf2ff;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.login-modal-content {
|
|
.login-modal-content {
|
|
height: 336px;
|
|
height: 336px;
|
|
padding: 52px 80px;
|
|
padding: 52px 80px;
|
|
|
|
+ position: relative;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|