Compare commits

..

No commits in common. "581c080f115bd58102ea47bc8a7fec51b5fb93cb" and "7ac2f76ae8a82f36932ff066ad18ac5d3d3f7624" have entirely different histories.

4 changed files with 499 additions and 544 deletions

View File

@ -323,13 +323,13 @@
.aui-inputClear { .aui-inputClear {
width: 100%; width: 100%;
border: 1px solid #f4f5f9; // border-bottom: 1px solid #cccccc;
position: relative; position: relative;
padding-left: 20px; padding-left: 20px;
background: #f4f5f9; background: #f4f5f9;
margin-bottom: 8px;
margin-top: 20px; margin-top: 20px;
border-radius: 8px; border-radius: 8px;
} }
.aui-inputClear .icon { .aui-inputClear .icon {
@ -340,7 +340,7 @@
.aui-inputClear input { .aui-inputClear input {
width: 100%; width: 100%;
padding: 12px; padding: 10px;
border: none; border: none;
color: #333333; color: #333333;
font-size: 14px; font-size: 14px;
@ -368,11 +368,11 @@
} }
.aui-inputClear:focus { .aui-inputClear:focus {
border: 1px solid #1b90ff; border-bottom: 1px solid #1b90ff;
} }
.aui-inputClear:hover { .aui-inputClear:hover {
border: 1px solid #1b90ff; border-bottom: 1px solid #1b90ff;
} }
.aui-choice { .aui-choice {

View File

@ -84,7 +84,6 @@
.scrollbar__wrap { .scrollbar__wrap {
margin-bottom: 18px !important; margin-bottom: 18px !important;
overflow-x: hidden; overflow-x: hidden;
padding:0 18px;
} }
.scrollbar__view { .scrollbar__view {

View File

@ -202,9 +202,9 @@
.jeecg-menu-light.jeecg-menu-vertical .jeecg-menu-item-active.jeecg-menu-submenu { .jeecg-menu-light.jeecg-menu-vertical .jeecg-menu-item-active.jeecg-menu-submenu {
color: #606266 !important; color: #606266 !important;
// background: #f0f0f0; background: #f0f0f0;
padding-bottom: 10px;; padding-bottom: 10px;;
border-radius: 6px;
} }
.jeecg-menu-vertical .jeecg-menu-item, .jeecg-menu-vertical .jeecg-menu-submenu-title { .jeecg-menu-vertical .jeecg-menu-item, .jeecg-menu-vertical .jeecg-menu-submenu-title {
position: relative; position: relative;
@ -223,10 +223,7 @@
// margin: 10px 20px 0 20px; // margin: 10px 20px 0 20px;
transform: scale(1.02); transform: scale(1.02);
} }
.jeecg-menu-item-active>.jeecg-menu-submenu-title{
background: #f0f0f0;
border-radius: 6px;
}
.ant-drawer-close { .ant-drawer-close {
position: absolute; position: absolute;
right: 0; right: 0;
@ -239,16 +236,4 @@
// min-height: 0; // min-height: 0;
// padding: 3px; // padding: 3px;
// } // }
.jeecg-menu-item-active>.jeecg-menu{
margin-top:10px;
background: #FBFBFD;
border-radius: 6px;
}
.jeecg-menu-item-active .jeecg-menu>li{
width:80%;
margin:5px auto;
padding-left:18px !important;
}
</style> </style>

View File

@ -10,7 +10,7 @@
<div v-else class="aui-phone-logo"> <div v-else class="aui-phone-logo">
<img :src="logoImg" alt="jeecg" /> <img :src="logoImg" alt="jeecg" />
</div> </div>
<div> <div >
<div class="aui-content"> <div class="aui-content">
<div class="aui-container"> <div class="aui-container">
<div class="aui-form"> <div class="aui-form">
@ -27,20 +27,16 @@
</div> </div>
<a-divider /> <a-divider />
<div class="aui-form-box" style="height: 180px"> <div class="aui-form-box" style="height: 180px">
<a-form ref="loginRef" :model="formData" v-if="activeIndex === 'accountLogin'" <a-form ref="loginRef" :model="formData" v-if="activeIndex === 'accountLogin'" @keyup.enter.native="loginHandleClick">
@keyup.enter.native="loginHandleClick">
<div class="aui-account"> <div class="aui-account">
<div class="aui-inputClear"> <div class="aui-inputClear">
<a-row> <a-row>
<a-col :span="2"> <a-col :span="2">
<span style="margin-top: 13px;display: block;"><img <span style="margin-top: 10px;display: block;"><img :src="icon1Img" alt="账号" style="width: 20px;" /></span>
:src="icon1Img" alt="账号" style="width: 20px;" /></span>
</a-col> </a-col>
<a-col :span="20"> <a-col :span="20">
<a-form-item> <a-form-item>
<a-input class="fix-auto-fill" <a-input class="fix-auto-fill" :placeholder="`请输入`+t('sys.login.userName')" v-model:value="formData.username" />
:placeholder="`请输入`+t('sys.login.userName')"
v-model:value="formData.username" />
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@ -48,20 +44,17 @@
<div class="aui-inputClear"> <div class="aui-inputClear">
<a-row> <a-row>
<a-col :span="2"> <a-col :span="2">
<span style="margin-top: 13px;display: block;"><img <span style="margin-top: 10px;display: block;"><img :src="icon2Img" alt="密码" style="width: 20px;" /></span>
:src="icon2Img" alt="密码" style="width: 20px;" /></span>
</a-col> </a-col>
<a-col :span="20"> <a-col :span="20">
<a-form-item> <a-form-item>
<a-input class="fix-auto-fill" type="password" <a-input class="fix-auto-fill" type="password" :placeholder="`请输入`+t('sys.login.password')" v-model:value="formData.password" />
:placeholder="`请输入`+t('sys.login.password')"
v-model:value="formData.password" />
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
</div> </div>
<div> <div >
<huakuai @verifySuccess="checkInputCode" /> <huakuai @verifySuccess="checkInputCode"/>
</div> </div>
<!-- <div class="aui-inputClear"> <!-- <div class="aui-inputClear">
<a-row> <a-row>
@ -86,8 +79,7 @@
</div> </div>
<div class="aui-formButton"> <div class="aui-formButton">
<div class="aui-flex"> <div class="aui-flex">
<a-button :loading="loginLoading" class="aui-link-login" type="primary" <a-button :loading="loginLoading" class="aui-link-login" type="primary" @click="loginHandleClick">
@click="loginHandleClick">
{{ t('sys.login.loginButton') }}</a-button> {{ t('sys.login.loginButton') }}</a-button>
</div> </div>
</div> </div>
@ -198,8 +190,8 @@
}); });
} }
function checkInputCode(type) { function checkInputCode(type){
console.log("🚀 ~ checkCode ~ checkCode:", type) console.log("🚀 ~ checkCode ~ checkCode:",type)
handleChangeCheckCode(); handleChangeCheckCode();
} }
@ -276,7 +268,7 @@
} }
try { try {
loginLoading.value = true; loginLoading.value = true;
const { userInfo } : any = await userStore.phoneLogin({ const { userInfo }: any = await userStore.phoneLogin({
mobile: phoneFormData.mobile, mobile: phoneFormData.mobile,
captcha: phoneFormData.smscode, captcha: phoneFormData.smscode,
mode: 'none', // mode: 'none', //
@ -308,8 +300,8 @@
return; return;
} }
//update-begin---author:wangshuai---date:2024-04-18---for:QQYUN-9005IP15--- //update-begin---author:wangshuai---date:2024-04-18---for:QQYUN-9005IP15---
const result = await getCaptcha({ mobile: phoneFormData.mobile, smsmode: SmsEnum.FORGET_PASSWORD }).catch((res) => { const result = await getCaptcha({ mobile: phoneFormData.mobile, smsmode: SmsEnum.FORGET_PASSWORD }).catch((res) =>{
if (res.code === ExceptionEnum.PHONE_SMS_FAIL_CODE) { if(res.code === ExceptionEnum.PHONE_SMS_FAIL_CODE){
openCaptchaModal(true, {}); openCaptchaModal(true, {});
} }
}); });
@ -403,7 +395,6 @@
:deep(.ant-input:focus) { :deep(.ant-input:focus) {
box-shadow: none; box-shadow: none;
} }
.aui-get-code { .aui-get-code {
float: right; float: right;
position: relative; position: relative;
@ -426,12 +417,11 @@
color: #aaa !important; color: #aaa !important;
} }
:deep(.jeecg-dark-switch) { :deep(.jeecg-dark-switch){
position: absolute; position:absolute;
margin-right: 10px; margin-right: 10px;
} }
.aui-link-login{
.aui-link-login {
height: 42px; height: 42px;
padding: 10px 15px; padding: 10px 15px;
font-size: 14px; font-size: 14px;
@ -441,28 +431,23 @@
flex: 1; flex: 1;
color: #fff; color: #fff;
} }
.aui-phone-logo{
.aui-phone-logo {
position: absolute; position: absolute;
margin-left: 10px; margin-left: 10px;
width: 40%; width: 40%;
top: 4%; top: 4%;
z-index: 4; z-index: 4;
} }
.top-3{
.top-3 {
top: 0.45rem; top: 0.45rem;
} }
.ant-form-item {
margin-bottom: 0px !important;
}
</style> </style>
<style lang="less"> <style lang="less">
@prefix-cls: ~'@{namespace}-mini-login'; @prefix-cls: ~'@{namespace}-mini-login';
@dark-bg: #293146; @dark-bg: #293146;
html[data-theme='dark'] { html[data-theme='dark'] {
.@{prefix-cls} { .@{prefix-cls} {
background-color: @dark-bg !important; background-color: @dark-bg !important;
background-image: none; background-image: none;
@ -470,11 +455,9 @@
&::before { &::before {
background-image: url(/@/assets/svg/login-bg-dark.svg); background-image: url(/@/assets/svg/login-bg-dark.svg);
} }
.aui-inputClear{
.aui-inputClear {
background-color: #232a3b !important; background-color: #232a3b !important;
} }
.ant-input, .ant-input,
.ant-input-password { .ant-input-password {
background-color: #232a3b !important; background-color: #232a3b !important;
@ -491,39 +474,30 @@
.app-iconify { .app-iconify {
color: #fff !important; color: #fff !important;
} }
.aui-inputClear input,.aui-input-line input,.aui-choice{
.aui-inputClear input,
.aui-input-line input,
.aui-choice {
color: #c9d1d9 !important; color: #c9d1d9 !important;
} }
.aui-formBox { .aui-formBox{
background-color: @dark-bg !important; background-color: @dark-bg !important;
} }
.aui-third-text span{
.aui-third-text span {
background-color: @dark-bg !important; background-color: @dark-bg !important;
} }
.aui-form-nav .aui-flex-box{
.aui-form-nav .aui-flex-box {
color: #c9d1d9 !important; color: #c9d1d9 !important;
} }
.aui-formButton .aui-linek-code { .aui-formButton .aui-linek-code{
background: @dark-bg !important; background: @dark-bg !important;
color: white !important; color: white !important;
} }
.aui-code-line{
.aui-code-line {
border-left: none !important; border-left: none !important;
} }
.ant-checkbox-inner,.aui-success h3{
.ant-checkbox-inner,
.aui-success h3 {
border-color: #c9d1d9; border-color: #c9d1d9;
} }
//update-begin---author:wangshuai ---date:20230828 forQQYUN-6363------------ //update-begin---author:wangshuai ---date:20230828 forQQYUN-6363------------
&-sign-in-way { &-sign-in-way {
.anticon { .anticon {
@ -536,7 +510,6 @@
} }
} }
} }
//update-end---author:wangshuai ---date:20230828 forQQYUN-6363------------ //update-end---author:wangshuai ---date:20230828 forQQYUN-6363------------
} }
@ -550,16 +523,14 @@
font-size: 12px !important; font-size: 12px !important;
color: @text-color-secondary !important; color: @text-color-secondary !important;
} }
.aui-third-login a{
.aui-third-login a {
background: transparent; background: transparent;
} }
} }
/* Chrome/Edge/Safari */
/* Chrome/Edge/Safari */ input:-webkit-autofill,
input:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:hover, input:-webkit-autofill:focus {
input:-webkit-autofill:focus {
/* 重新设置背景色、文字色、边框等 */ /* 重新设置背景色、文字色、边框等 */
background-color: #f5f5f5 !important; background-color: #f5f5f5 !important;
color: #333333 !important; color: #333333 !important;
@ -567,11 +538,11 @@
box-shadow: 0 0 0px 1000px #f5f5f5 inset !important; box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
/* 如果需要边框高亮,也可以一起重置 */ /* 如果需要边框高亮,也可以一起重置 */
// border: 1px solid #ccc !important; // border: 1px solid #ccc !important;
} }
/* Firefox */ /* Firefox */
input:-moz-autofill { input:-moz-autofill {
background-color: #f5f5f5 !important; background-color: #f5f5f5 !important;
color: #333333 !important; color: #333333 !important;
} }
</style> </style>