cxc/qiaoba-vue3
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update dep

Browse Source
This commit is contained in:
ailanyin
2023-07-05 10:11:47 +08:00
parent 9fd5f83ddc
commit 704a9fd67f
8 changed files with 176 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/login-left-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 198 KiB

2
src/assets/styles/ruoyi.scss
View File

@ -141,7 +141,7 @@
/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
cursor: pointer;
color: #409EFF;
color: #4a5dff;
margin-left: 10px;
}

2
src/assets/styles/variables.module.scss
View File

@ -36,7 +36,7 @@ $base-sub-menu-background:#000c17;
$base-sub-menu-hover:#001528;
*/
$--color-primary: #409EFF;
$--color-primary: #4a5dff;
$--color-success: #67C23A;
$--color-warning: #E6A23C;
$--color-danger: #F56C6C;

2
src/components/InfiniteSelect/index.vue
View File

@ -302,7 +302,7 @@ onUnmounted(() => {
font-weight: 700;
&.selected {
color: #409eff;
color: #4a5dff;
}
&:hover {

8
src/main.js
View File

@ -4,14 +4,11 @@ import Cookies from "js-cookie";
import ElementPlus from "element-plus";
import locale from "element-plus/lib/locale/lang/zh-cn"; // 中文语言
import "@/assets/styles/index.scss"; // global css
import App from "./App";
import store from "./store";
import router from "./router";
import directive from "./directive"; // directive
// 注册指令
import plugins from "./plugins"; // plugins
import { download } from "@/utils/request";
@ -22,12 +19,11 @@ import SvgIcon from "@/components/SvgIcon";
import elementIcons from "@/components/SvgIcon/svgicon";
import "./permission"; // permission control
import {
parseTime,
resetForm,
addDateRange,
handleTree,
parseTime,
resetForm,
selectDictLabel,
selectDictLabels,
} from "@/utils/ruoyi";

2
src/store/modules/settings.js
View File

@ -16,7 +16,7 @@ const storageSetting = JSON.parse(localStorage.getItem("layout-setting")) || "";
const useSettingsStore = defineStore("settings", {
state: () => ({
title: "",
theme: storageSetting.theme || "#409EFF",
theme: storageSetting.theme || "#4a5dff",
sideTheme: storageSetting.sideTheme || sideTheme,
showSettings: showSettings,
topNav:

281
src/views/login.vue
View File

@ -1,103 +1,116 @@
<template>
<div class="login">
<el-form
ref="loginRef"
:model="loginForm"
:rules="loginRules"
class="login-form"
>
<h3 class="title">若依后台管理系统</h3>
<el-form-item prop="tenant">
<paged-select
v-model="loginForm.tenant"
:default-label="defaultTenantNamt"
:prop="{
label: 'companyName',
value: 'tenantId',
}"
:query="{
page: 'pageNum',
size: 'pageSize',
searchKey: 'companyName',
}"
:remote-method="loadTenantOptions"
:width="350"
prefix-icon="OfficeBuilding"
size="large"
@change="handleTenantChange"
@confirm="handleTenantConfirm"
/>
</el-form-item>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
auto-complete="off"
placeholder="账号"
size="large"
type="text"
>
<template #prefix>
<svg-icon class="el-input__icon input-icon" icon-class="user" />
</template>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
auto-complete="off"
placeholder="密码"
size="large"
type="password"
@keyup.enter="handleLogin"
>
<template #prefix>
<svg-icon class="el-input__icon input-icon" icon-class="password" />
</template>
</el-input>
</el-form-item>
<el-form-item v-if="captchaEnabled && loginForm.tenant" prop="code">
<el-input
v-model="loginForm.code"
auto-complete="off"
placeholder="验证码"
size="large"
style="width: 63%"
@keyup.enter="handleLogin"
>
<template #prefix>
<svg-icon
class="el-input__icon input-icon"
icon-class="validCode"
/>
</template>
</el-input>
<div class="login-code">
<img :src="codeUrl" class="login-code-img" @click="getCode" />
</div>
</el-form-item>
<el-checkbox
v-model="loginForm.rememberMe"
style="margin: 0px 0px 25px 0px"
>记住密码
</el-checkbox>
<el-form-item style="width: 100%">
<el-button
:loading="loading"
size="large"
style="width: 100%"
type="primary"
@click.prevent="handleLogin"
>
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
<div v-if="register" style="float: right">
<router-link :to="'/register'" class="link-type"
>立即注册
</router-link>
</div>
</el-form-item>
</el-form>
<div class="login-card">
<div class="login-banner">
<!-- 主标题 -->
<h2 class="title">若依后台管理系统</h2>
<!-- 副标题 -->
<p class="sub-title">前后端分离的后台管理系统架构</p>
<el-image class="banner-image" :src="loginLeftBanner" />
</div>
<el-form
ref="loginRef"
:model="loginForm"
:rules="loginRules"
class="login-form"
>
<h3 class="title">若依后台管理系统</h3>
<el-form-item prop="tenant">
<paged-select
v-model="loginForm.tenant"
:default-label="defaultTenantNamt"
:prop="{
label: 'companyName',
value: 'tenantId',
}"
:query="{
page: 'pageNum',
size: 'pageSize',
searchKey: 'companyName',
}"
:remote-method="loadTenantOptions"
:width="350"
prefix-icon="OfficeBuilding"
size="large"
@change="handleTenantChange"
@confirm="handleTenantConfirm"
/>
</el-form-item>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
auto-complete="off"
placeholder="账号"
size="large"
type="text"
>
<template #prefix>
<svg-icon class="el-input__icon input-icon" icon-class="user" />
</template>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
auto-complete="off"
placeholder="密码"
size="large"
type="password"
@keyup.enter="handleLogin"
>
<template #prefix>
<svg-icon
class="el-input__icon input-icon"
icon-class="password"
/>
</template>
</el-input>
</el-form-item>
<el-form-item v-if="captchaEnabled && loginForm.tenant" prop="code">
<el-input
v-model="loginForm.code"
auto-complete="off"
placeholder="验证码"
size="large"
style="width: 63%"
@keyup.enter="handleLogin"
>
<template #prefix>
<svg-icon
class="el-input__icon input-icon"
icon-class="validCode"
/>
</template>
</el-input>
<div class="login-code">
<img :src="codeUrl" class="login-code-img" @click="getCode" />
</div>
</el-form-item>
<el-checkbox
v-model="loginForm.rememberMe"
style="margin: 0px 0px 25px 0px"
>记住密码
</el-checkbox>
<el-form-item style="width: 100%">
<el-button
:loading="loading"
size="large"
style="width: 100%"
type="primary"
@click.prevent="handleLogin"
>
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
<div v-if="register" style="float: right">
<router-link :to="'/register'" class="link-type"
>立即注册
</router-link>
</div>
</el-form-item>
</el-form>
</div>
<!-- 底部 -->
<div class="el-login-footer">
<span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
@ -106,6 +119,7 @@
</template>
<script setup>
import loginLeftBanner from "@/assets/images/login-left-banner.png";
import { getCodeImg, getTenantNormalList } from "@/api/login";
import Cookies from "js-cookie";
import { decrypt, encrypt } from "@/utils/jsencrypt";
@ -236,7 +250,8 @@ defaultTenantNamt.value = useUserStore().tempTenantName;
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../assets/images/login-background.jpg");
background-image: url("https://php.likeadmin.cn/admin/assets/login_bg.2f630cea.png");
//background-image: url("../assets/images/login-background.jpg");
background-size: cover;
}
@ -246,24 +261,64 @@ defaultTenantNamt.value = useUserStore().tempTenantName;
color: #707070;
}
.login-form {
border-radius: 6px;
.login-card {
border-radius: 14px;
background: #ffffff;
width: 400px;
padding: 25px 25px 5px 25px;
display: flex;
overflow: hidden;
box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
0 8px 10px -6px rgb(0 0 0 / 0.1);
.el-input {
height: 40px;
input {
height: 40px;
.login-banner {
padding: 0 20px 0;
display: none;
@media (min-width: 768px) {
display: inline-block;
}
.title,
.sub-title {
text-align: center;
color: #fff;
}
.title {
margin: 32px 0 0;
font-weight: 900;
}
.sub-title {
margin: 16px 0 0;
font-weight: 600;
}
.banner-image {
margin-top: 12px;
}
width: 400px;
background-color: #6777fe;
//background: url("https://php.likeadmin.cn/resource/image/adminapi/default/login_image.png") no-repeat;
//background-size: cover;
}
.input-icon {
height: 39px;
width: 14px;
margin-left: 0px;
.login-form {
width: 400px;
padding: 25px 25px 5px 25px;
.el-input {
height: 40px;
input {
height: 40px;
}
}
.input-icon {
height: 39px;
width: 14px;
margin-left: 0;
}
}
}
@ -292,7 +347,7 @@ defaultTenantNamt.value = useUserStore().tempTenantName;
width: 100%;
text-align: center;
color: #fff;
font-family: Arial;
font-family: Arial, serif;
font-size: 12px;
letter-spacing: 1px;
}

4
src/views/tenant/initialize.vue
View File

@ -406,7 +406,7 @@ onMounted(() => {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #409eff;
background-color: #4a5dff;
display: flex;
justify-content: center;
align-items: center;
@ -421,7 +421,7 @@ onMounted(() => {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #409eff;
background-color: #4a5dff;
color: #fff;
text-align: center;
line-height: 100px;