admin/wisdomisitezwfront-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: BUG修改

Browse Source
This commit is contained in:
kun 2023-08-01 15:39:11 +08:00
parent 11958cba5a
commit 87e9af27f8
5 changed files with 46 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -101,11 +101,11 @@
} }
</script> </script>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
<script src="/jquery-1.12.4.min.js"></script> <script src="./public/jquery-1.12.4.min.js"></script>
<!-- 用于前端与插件交互 --> <!-- 用于前端与插件交互 -->
<script src="/jsencrypt.min.js"></script> <script src="./public/jsencrypt.min.js"></script>
<!-- 用于RSA加密 --> <!-- 用于RSA加密 -->
<script src="/jsWebControl-1.0.0.min.js"></script> <script src="./public/jsWebControl-1.0.0.min.js"></script>
<!-- 用于RSA加密 --> <!-- 用于RSA加密 -->
<script <script
type="text/javascript" type="text/javascript"

0
src/views/login/index1.scss → src/views/login/index-hc.scss
View File

23
src/views/login/index1.vue → src/views/login/index-hc.vue
View File

@ -1,15 +1,12 @@
<template> <template>
<div class="login-container flx-center"> <div class="login-container flx-center">
<div class="login-title">
<span>{{ globalStore.systemNameConfig }}</span>
</div>
<div class="login-box"> <div class="login-box">
<!-- <SwitchDark class="dark" /> --> <div class="login-left">
<!-- <div class="login-left"> <!-- <img src="@/assets/images/login_left.png" alt="login" /> -->
<img src="@/assets/images/login_left.png" alt="login" />
<img src="@/assets/images/login/computerIcon.png" alt="" /><br /> <img src="@/assets/images/login/computerIcon.png" alt="" /><br />
<span>数字化政务监管平台</span> <!-- 数字化政务监管平台 -->
</div> --> <div>{{ globalStore.systemNameConfig }}</div>
</div>
<div class="login-form"> <div class="login-form">
<div class="login-logo"> <div class="login-logo">
<!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> --> <!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
@ -22,10 +19,18 @@
</template> </template>
<script setup lang="ts" name="login"> <script setup lang="ts" name="login">
import SwitchDark from "@/components/SwitchDark/index.vue";
import LoginForm from "./components/LoginForm.vue"; import LoginForm from "./components/LoginForm.vue";
import { onMounted } from "vue";
import { systemNameConfig } from "@/api/modules/jxjview";
import { GlobalStore } from "@/stores"; import { GlobalStore } from "@/stores";
const globalStore = GlobalStore(); const globalStore = GlobalStore();
onMounted(async () => {
const res = await systemNameConfig({ configKey: "system_name" });
console.log(res);
if (res && res.result) {
globalStore.systemNameConfig = res.result.configValue;
}
});
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

30
src/views/login/index.scss
View File

@ -1,19 +1,29 @@
.flx-center {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.login-container { .login-container {
height: 100%; height: 100%;
min-height: 550px; min-height: 550px;
background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat; background: url("@/assets/images/login/bglogin_rushan.png") center center no-repeat;
background-color: #eeeeee; background-size: 100% 65%;
background-size: 100% 100%; .login-title {
background-size: cover; color: #2a314b;
font-weight: 600;
font-size: 22px;
> span {
margin-left: 30px;
}
}
.login-box { .login-box {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-end;
width: 96%; width: 96%;
height: 94%; height: 75%;
padding: 0 50px;
// background-color: hsl(0deg 0% 100% / 80%); // background-color: hsl(0deg 0% 100% / 80%);
border-radius: 10px; border-radius: 10px;
@ -34,8 +44,8 @@
// height: 100%; // height: 100%;
margin: 126px 0 65px 190px; margin: 126px 0 65px 190px;
} }
div { span {
text-align: center; margin: 0 0 65px 88px;
font-size: 40px; font-size: 40px;
font-weight: 600; font-weight: 600;
color: white; color: white;
@ -46,7 +56,7 @@
height: 377px; height: 377px;
padding: 50px 40px 45px; padding: 50px 40px 45px;
background-color: #ffffff; background-color: #ffffff;
margin-right: 120px;
// border-radius: 10px; // border-radius: 10px;
box-shadow: 2px 3px 7px rgb(0 0 0 / 20%); box-shadow: 2px 3px 7px rgb(0 0 0 / 20%);
.login-logo { .login-logo {

23
src/views/login/index.vue
View File

@ -1,12 +1,15 @@
<template> <template>
<div class="login-container flx-center"> <div class="login-container flx-center">
<div class="login-title">
<span>{{ globalStore.systemNameConfig }}</span>
</div>
<div class="login-box"> <div class="login-box">
<div class="login-left"> <!-- <SwitchDark class="dark" /> -->
<!-- <img src="@/assets/images/login_left.png" alt="login" /> --> <!-- <div class="login-left">
<img src="@/assets/images/login_left.png" alt="login" />
<img src="@/assets/images/login/computerIcon.png" alt="" /><br /> <img src="@/assets/images/login/computerIcon.png" alt="" /><br />
<!-- 数字化政务监管平台 --> <span>数字化政务监管平台</span>
<div>{{ globalStore.systemNameConfig }}</div> </div> -->
</div>
<div class="login-form"> <div class="login-form">
<div class="login-logo"> <div class="login-logo">
<!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> --> <!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
@ -19,18 +22,10 @@
</template> </template>
<script setup lang="ts" name="login"> <script setup lang="ts" name="login">
import SwitchDark from "@/components/SwitchDark/index.vue";
import LoginForm from "./components/LoginForm.vue"; import LoginForm from "./components/LoginForm.vue";
import { onMounted } from "vue";
import { systemNameConfig } from "@/api/modules/jxjview";
import { GlobalStore } from "@/stores"; import { GlobalStore } from "@/stores";
const globalStore = GlobalStore(); const globalStore = GlobalStore();
onMounted(async () => {
const res = await systemNameConfig({ configKey: "system_name" });
console.log(res);
if (res && res.result) {
globalStore.systemNameConfig = res.result.configValue;
}
});
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">