Commit 5df31795 authored by 赵伟庚's avatar 赵伟庚

[fix]: 部分代码格式化;修复控制台出现的warning;替换::v-deep为:deep()

parent 5bcb7b08
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<div class="container" :class="menuShow ? '' : 'full_screen'" v-if="pageShow"> <div class="container" :class="menuShow ? '' : 'full_screen'" v-if="pageShow">
<!-- <bg-nav :highlightParentRule="highlightParentRule" :title="nowParent.menuName" width="208px" :list="nowParent.children" v-show="navShow" class="con-nav" /> --> <!-- <bg-nav :highlightParentRule="highlightParentRule" :title="nowParent.menuName" width="208px" :list="nowParent.children" v-show="navShow" class="con-nav" /> -->
<bg-nav <bg-nav
v-if="nowParent.children"
:highlightParentRule="highlightParentRule" :highlightParentRule="highlightParentRule"
width="208px" width="208px"
:list="nowParent.children" :list="nowParent.children"
......
This diff is collapsed.
This diff is collapsed.
import {createI18n} from 'vue-i18n' import {createI18n} from 'vue-i18n/index'
import lang from './index' import lang from './index'
const i18n = createI18n({ const i18n = createI18n({
......
...@@ -27,7 +27,7 @@ import i18n from "./i18n/i18n.js"; ...@@ -27,7 +27,7 @@ import i18n from "./i18n/i18n.js";
import axios from "./request/http.js"; import axios from "./request/http.js";
const createVue = createApp(App); const createVue = createApp(App);
createVue.use(ElementPlus, { locale }); // createVue.use(ElementPlus, { locale });
function getMsgAppid() { function getMsgAppid() {
axios.get(`/apaas/system/v5/message/account`).then((res) => { axios.get(`/apaas/system/v5/message/account`).then((res) => {
...@@ -96,12 +96,11 @@ Promise.all([getUser(), getMenu("dadb2d3f-e263-48d1-9389-42acb9ea49f8")]) ...@@ -96,12 +96,11 @@ Promise.all([getUser(), getMenu("dadb2d3f-e263-48d1-9389-42acb9ea49f8")])
// } // }
} }
generateRoutes(); generateRoutes();
createVue.use(ElementPlus).use(store).use(router).use(i18n).use(bgui);
createVue.mount("#app");
}) })
.catch(() => { .catch((e) => {
createVue.use(ElementPlus).use(store).use(router).use(i18n).use(bgui); console.error(e)
}).finally(() => {
createVue.use(ElementPlus, { locale }).use(store).use(router).use(i18n).use(bgui);
createVue.mount("#app"); createVue.mount("#app");
}); });
......
<template> <template>
<div class="login-container"> <div class="login-container">
<div class="bg-warning">系统有效期剩余345 天,请管理员及时更换license!</div> <div class="bg-warning">系统有效期剩余345 天,请管理员及时更换license!</div>
<div class="bg-main"> <div class="bg-main">
<!-- <div class="bg-logo"> <!-- <div class="bg-logo">
<img class="logo" src="../../assets/imgs/login_img_logo.png" /> <img class="logo" src="../../assets/imgs/login_img_logo.png" />
</div> --> </div> -->
<div class="bg-content"> <div class="bg-content">
<bg-tabs <bg-tabs
class="login-tab" class="login-tab"
v-model="loginTab" v-model="loginTab"
style="min-height: 450px;width: 480px" style="min-height: 450px; width: 480px"
v-if="pageType === 'login'" v-if="pageType === 'login'">
> <bg-tab label="账号密码登录" name="account">
<bg-tab label="账号密码登录" name="account"> <LoginByAccount @register="switchPageType('account')" @password="password" />
<LoginByAccount @register="switchPageType('account')" @password="password"/> </bg-tab>
</bg-tab> <bg-tab label="验证码登录" name="register">
<bg-tab label="验证码登录" name="register"> <LoginByCode @register="switchPageType('register')" @password="password" />
<LoginByCode @register="switchPageType('register')" @password="password"/> </bg-tab>
</bg-tab> </bg-tabs>
</bg-tabs>
</div>
</div> </div>
<!-- v-if="pageType !== 'register'" -->
<div class="bg-msg">
<p>
Copyright © 比格大数据, All Rights Reserved.
</p>
<p>
ICP备案序号:晋ICP备12000773号 | 晋公网安备 14010602060307号
</p>
<p>
法律声明 | 隐私政策
</p>
</div>
</div> </div>
</template> <!-- v-if="pageType !== 'register'" -->
<div class="bg-msg">
<script setup> <p>Copyright © 比格大数据, All Rights Reserved.</p>
import LoginByAccount from "@/components/login-by-account.vue"; <p>ICP备案序号:晋ICP备12000773号 | 晋公网安备 14010602060307号</p>
import LoginByCode from "@/components/login-by-code.vue"; <p>法律声明 | 隐私政策</p>
// import RegisterPersonalUser from "@/components/register-personal-user.vue"; </div>
// import RegisterFrimUser from "@/components/register-firm-user.vue"; </div>
// import RegisterOrgUser from "@/components/register-org-user.vue"; </template>
// import RegisterSuccess from "@/components/register-success.vue";
import { ref, computed, onMounted } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const pageType = ref('login')
const loginTab = ref('account')
const registerTab = ref('registerTab')
const switchPageType = (type) => { <script setup>
// pageType.value = type import LoginByAccount from "@/components/login-by-account.vue";
router.push('/registe') import LoginByCode from "@/components/login-by-code.vue";
// import RegisterPersonalUser from "@/components/register-personal-user.vue";
// import RegisterFrimUser from "@/components/register-firm-user.vue";
// import RegisterOrgUser from "@/components/register-org-user.vue";
// import RegisterSuccess from "@/components/register-success.vue";
import { ref, computed, onMounted } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
} const pageType = ref("login");
const password = () => { const loginTab = ref("account");
router.push('/password') const registerTab = ref("registerTab");
}
const switchPageType = (type) => {
</script> // pageType.value = type
router.push("/registe");
<style lang="scss" scoped> };
.login-container { const password = () => {
width: 100vw; router.push("/password");
height: calc(100vh - 56px); };
background-image: url("@/assets/imgs/bg_zhuce.png"); </script>
background-size: 100% 100%;
background-position: center center; <style lang="scss" scoped>
position: relative; .login-container {
width: 100vw;
.bg-main { height: calc(100vh - 56px);
position: absolute; background-image: url("@/assets/imgs/bg_zhuce.png");
top: 50%; background-size: 100% 100%;
right: 0; background-position: center center;
margin-right: 16vw; position: relative;
margin-bottom: 80px;
transform: translateY(calc(-50%)); .bg-main {
width: 500px; position: absolute;
max-height: calc(100vh - 100px); top: 50%;
overflow: hidden auto; right: 0;
margin-right: 16vw;
&::-webkit-scrollbar { margin-bottom: 80px;
width: 16px; transform: translateY(calc(-50%));
height: 1px; width: 500px;
} max-height: calc(100vh - 100px);
overflow: hidden auto;
/* &::-webkit-scrollbar-track {
&::-webkit-scrollbar {
width: 16px;
height: 1px;
}
/* &::-webkit-scrollbar-track {
border-radius: 8px; border-radius: 8px;
box-shadow: 8px 0 0 #f4f4f4 inset; box-shadow: 8px 0 0 #f4f4f4 inset;
border: 4px solid rgba(0, 0, 0, 0); border: 4px solid rgba(0, 0, 0, 0);
} */ } */
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
border-radius: 8px; border-radius: 8px;
box-shadow: 8px 0 0 #a5adb7 inset; box-shadow: 8px 0 0 #a5adb7 inset;
border: 4px solid rgba(0, 0, 0, 0); border: 4px solid rgba(0, 0, 0, 0);
} }
> .bg-logo { > .bg-logo {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.logo{ .logo {
width: 450px; width: 450px;
}
> span {
font-size: 36px;
color: #ffffff;
margin-left: 25px;
}
} }
> .bg-content { > span {
font-size: 36px;
color: #ffffff;
margin-left: 25px;
} }
} }
> .bg-warning {
text-align: center; > .bg-content {
background-color: #fdf4e2;
color: #e56600;
font-size: 14px;
height: 32px;
line-height: 32px;
} }
}
> .bg-msg { > .bg-warning {
position: absolute; text-align: center;
bottom: 10px; background-color: #fdf4e2;
left: 0; color: #e56600;
width: 100%; font-size: 14px;
font-size: 14px; height: 32px;
line-height: 20px; line-height: 32px;
color: #616f94; }
text-align: center;
> p { > .bg-msg {
padding: 8px 0; position: absolute;
} bottom: 10px;
left: 0;
width: 100%;
font-size: 14px;
line-height: 20px;
color: #616f94;
text-align: center;
> p {
padding: 8px 0;
} }
} }
</style> }
</style>
\ No newline at end of file
...@@ -445,10 +445,10 @@ onBeforeMount(() => { ...@@ -445,10 +445,10 @@ onBeforeMount(() => {
border-radius: 3px; border-radius: 3px;
border: solid 1px #b0bee8; border: solid 1px #b0bee8;
} }
::v-deep td { :deep() td {
padding: 9px 0 !important; padding: 9px 0 !important;
} }
::v-deep .el-switch { :deep() .el-switch {
height: 20px; height: 20px;
width: 44px; width: 44px;
.el-switch__core { .el-switch__core {
...@@ -460,7 +460,7 @@ onBeforeMount(() => { ...@@ -460,7 +460,7 @@ onBeforeMount(() => {
} }
} }
::v-deep .dialog_box_detail { :deep() .dialog_box_detail {
.el-dialog__body { .el-dialog__body {
padding: 0 0 18px 0; padding: 0 0 18px 0;
height: 580px; height: 580px;
......
...@@ -97,7 +97,7 @@ const rules = reactive({}); ...@@ -97,7 +97,7 @@ const rules = reactive({});
padding-left: 24px; padding-left: 24px;
.el-form { .el-form {
width: 60%; width: 60%;
::v-deep .el-form-item { :deep() .el-form-item {
&:nth-of-type(1) { &:nth-of-type(1) {
.el-upload--picture-card { .el-upload--picture-card {
width: 120px; width: 120px;
...@@ -112,7 +112,7 @@ const rules = reactive({}); ...@@ -112,7 +112,7 @@ const rules = reactive({});
} }
} }
} }
::v-deep .gap-title { :deep() .gap-title {
font-size: 16px; font-size: 16px;
color: #202531; color: #202531;
} }
......
...@@ -254,7 +254,7 @@ const save = () => {}; ...@@ -254,7 +254,7 @@ const save = () => {};
.authorizeForm, .authorizeForm,
.secureForm, .secureForm,
.registerForm { .registerForm {
::v-deep .el-form-item { :deep() .el-form-item {
margin-bottom: 24px; margin-bottom: 24px;
width: 750px; width: 750px;
font-size: 14px; font-size: 14px;
......
...@@ -248,11 +248,11 @@ const save = () => { ...@@ -248,11 +248,11 @@ const save = () => {
} }
.approveForm { .approveForm {
padding: 24px 24px 0 24px; padding: 24px 24px 0 24px;
::v-deep .el-form-item { :deep() .el-form-item {
margin-bottom: 24px; margin-bottom: 24px;
} }
::v-deep .el-form-item__label, :deep() .el-form-item__label,
::v-deep .el-radio__label { :deep() .el-radio__label {
color: var(--el-text-color-primary); color: var(--el-text-color-primary);
} }
} }
......
...@@ -482,10 +482,10 @@ onBeforeMount(() => { ...@@ -482,10 +482,10 @@ onBeforeMount(() => {
border-radius: 3px; border-radius: 3px;
border: solid 1px #b0bee8; border: solid 1px #b0bee8;
} }
::v-deep td { :deep() td {
padding: 9px 0 !important; padding: 9px 0 !important;
} }
::v-deep .el-switch { :deep() .el-switch {
height: 20px; height: 20px;
width: 44px; width: 44px;
.el-switch__core { .el-switch__core {
...@@ -497,7 +497,7 @@ onBeforeMount(() => { ...@@ -497,7 +497,7 @@ onBeforeMount(() => {
} }
} }
::v-deep .dialog_box_detail { :deep() .dialog_box_detail {
.el-dialog__body { .el-dialog__body {
padding: 0 0 18px 0; padding: 0 0 18px 0;
height: 580px; height: 580px;
......
...@@ -482,10 +482,10 @@ onBeforeMount(() => { ...@@ -482,10 +482,10 @@ onBeforeMount(() => {
border-radius: 3px; border-radius: 3px;
border: solid 1px #b0bee8; border: solid 1px #b0bee8;
} }
::v-deep td { :deep() td {
padding: 9px 0 !important; padding: 9px 0 !important;
} }
::v-deep .el-switch { :deep() .el-switch {
height: 20px; height: 20px;
width: 44px; width: 44px;
.el-switch__core { .el-switch__core {
...@@ -497,7 +497,7 @@ onBeforeMount(() => { ...@@ -497,7 +497,7 @@ onBeforeMount(() => {
} }
} }
::v-deep .dialog_box_detail { :deep() .dialog_box_detail {
.el-dialog__body { .el-dialog__body {
padding: 0 0 18px 0; padding: 0 0 18px 0;
height: 580px; height: 580px;
......
This diff is collapsed.
...@@ -69,7 +69,7 @@ router.beforeEach((to, from, next) => { ...@@ -69,7 +69,7 @@ router.beforeEach((to, from, next) => {
// 检查to.path是否存在于免登陆白名单 // 检查to.path是否存在于免登陆白名单
if (inWhiteList(to.path)) { if (inWhiteList(to.path)) {
next(); return next();
} else { } else {
// 判断是否已经登录,未登录则重定向到首页或其他页面(通过query传参记录原来的路径) // 判断是否已经登录,未登录则重定向到首页或其他页面(通过query传参记录原来的路径)
// 根据配置判断是否跳转第三方登录,跳转第三方登录则不跳login // 根据配置判断是否跳转第三方登录,跳转第三方登录则不跳login
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment