eam
/
eam-ui
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of http://dev.ccwin-in.com:3000/eam/eam-ui

master
ljlong_2630 7 months ago
parent
3c5a416f84 dbb5a8effd
commit
b7cc9acd9d
8 changed files with 47 additions and 35 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      .env
  2. 4
      index.html
  3. BIN
      src/assets/imgs/login_eam.png
  4. BIN
      src/assets/imgs/logo_eam.png
  5. 4
      src/layout/components/Logo/src/Logo.vue
  6. 4
      src/layout/components/ToolHeader.vue
  7. 6
      src/views/home/index.vue
  8. 62
      src/views/login/login.vue

2
.env
View File

@ -1,5 +1,5 @@
# 标题 # 标题
VITE_APP_TITLE=闻荫管理系统 VITE_APP_TITLE=富维汽车视镜管理系统
# 项目本地运行端口号 # 项目本地运行端口号
VITE_PORT=80 VITE_PORT=80

4
index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<!-- <link rel="icon" href="/favicon.ico" /> --> <!-- <link rel="icon" href="/favicon.ico" /> -->
<link rel="icon" href="/src/assets/imgs/logo1.png" /> <link rel="icon" href="/src/assets/imgs/logo_eam.png" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta <meta
@ -137,7 +137,7 @@
<div class="app-loading"> <div class="app-loading">
<div class="app-loading-wrap"> <div class="app-loading-wrap">
<div class="app-loading-title"> <div class="app-loading-title">
<img src="/src/assets/imgs/logo.png" class="app-loading-logo" alt="Logo" /> <img src="/src/assets/imgs/logo_eam.png" class="app-loading-logo" alt="Logo" />
<div class="app-loading-title">%VITE_APP_TITLE%</div> <div class="app-loading-title">%VITE_APP_TITLE%</div>
</div> </div>
<div class="app-loading-item"> <div class="app-loading-item">

BIN
src/assets/imgs/login_eam.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 621 KiB

BIN
src/assets/imgs/logo_eam.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

4
src/layout/components/Logo/src/Logo.vue
View File

@ -68,12 +68,12 @@ watch(
> >
<img <img
class="h-[calc(var(--logo-height)-24px)] w-[calc(var(--logo-height)-10px)]" class="h-[calc(var(--logo-height)-24px)] w-[calc(var(--logo-height)-10px)]"
src="@/assets/imgs/logo.png" src="@/assets/imgs/logo_eam.png"
/> />
<div <div
v-if="show" v-if="show"
:class="[ :class="[
'ml-10px text-16px font-700', 'ml-10px text-14px font-700',
{ {
'text-[var(--logo-title-text-color)]': layout === 'classic', 'text-[var(--logo-title-text-color)]': layout === 'classic',
'text-[var(--top-header-text-color)]': 'text-[var(--top-header-text-color)]':

4
src/layout/components/ToolHeader.vue
View File

@ -71,9 +71,9 @@ export default defineComponent({
color="var(--top-header-text-color)" color="var(--top-header-text-color)"
></LocaleDropdown> ></LocaleDropdown>
) : undefined} ) : undefined}
{message.value ? ( {/* {message.value ? (
<Message class="custom-hover" color="var(--top-header-text-color)"></Message> <Message class="custom-hover" color="var(--top-header-text-color)"></Message>
) : undefined} ) : undefined} */}
<UserInfo></UserInfo> <UserInfo></UserInfo>
</div> </div>
</div> </div>

6
src/views/home/index.vue
View File

@ -144,7 +144,7 @@
<li <li
class="three" class="three"
:class=" :class="
parseFloat(yearTarget.zsJGActual) > parseFloat(yearTarget.zsJGGoal) parseFloat(yearTarget.zsJGActual) <= parseFloat(yearTarget.zsJGGoal)
? 'red' ? 'red'
: 'green' : 'green'
" "
@ -195,7 +195,7 @@
<li <li
class="three" class="three"
:class=" :class="
parseFloat(yearTarget.zpJGActual) > parseFloat(yearTarget.zpJGGoal) parseFloat(yearTarget.zpJGActual) <= parseFloat(yearTarget.zpJGGoal)
? 'red' ? 'red'
: 'green' : 'green'
" "
@ -246,7 +246,7 @@
<li <li
class="three" class="three"
:class=" :class="
parseFloat(yearTarget.tzJGActual) > parseFloat(yearTarget.tzJGGoal) parseFloat(yearTarget.tzJGActual) <= parseFloat(yearTarget.tzJGGoal)
? 'red' ? 'red'
: 'green' : 'green'
" "

62
src/views/login/login.vue
View File

@ -3,37 +3,18 @@
:class="prefixCls" :class="prefixCls"
class="relative h-[100%] lt-xl:bg-[var(--login-bg-color)] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px" class="relative h-[100%] lt-xl:bg-[var(--login-bg-color)] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px"
> >
<div class="relative mx-auto h-full flex">
<div <div class="box">
:class="`${prefixCls}__left flex-1 bg-gray-500 bg-opacity-20 relative p-30px lt-xl:hidden`" <img src="../../assets/imgs/login_eam.png" alt="" class="logo"/>
>
<!-- 左上角的 logo + 系统标题 --> <div class="absolute w-[33%] mx-auto h-full flex right-[7%]">
<div class="relative flex items-center text-white">
<img alt="" class="mr-10px h-24px w-48px" src="@/assets/imgs/logo.png" />
<span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
</div>
<!-- 左边的背景图 + 欢迎语 -->
<div class="h-[calc(100%-60px)] flex items-center justify-center">
<TransitionGroup
appear
enter-active-class="animate__animated animate__bounceInLeft"
tag="div"
>
<img key="1" alt="" class="w-350px" src="@/assets/svgs/login-box-bg.svg" />
<div key="2" class="text-3xl text-white">{{ t('login.welcome') }}</div>
<div key="3" class="mt-5 text-14px font-normal text-white">
{{ t('login.message') }}
</div>
</TransitionGroup>
</div>
</div>
<div class="relative flex-1 p-30px dark:bg-[var(--login-bg-color)] lt-sm:p-10px"> <div class="relative flex-1 p-30px dark:bg-[var(--login-bg-color)] lt-sm:p-10px">
<!-- 右上角的主题、语言选择 --> <!-- 右上角的主题、语言选择 -->
<div <div
class="flex items-center justify-between text-white at-2xl:justify-end at-xl:justify-end" class="flex items-center justify-between text-white at-2xl:justify-end at-xl:justify-end"
> >
<div class="flex items-center at-2xl:hidden at-xl:hidden"> <div class="flex items-center at-2xl:hidden at-xl:hidden">
<img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" /> <img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo_eam.png" />
<span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span> <span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
</div> </div>
<div class="flex items-center justify-end space-x-10px"> <div class="flex items-center justify-end space-x-10px">
@ -60,6 +41,11 @@
</Transition> </Transition>
</div> </div>
</div> </div>
<div class="footer">
<div>Copyright ©2012-2023闻荫科技吉ICP备100114504646号-6 ICP证书:吉B2-2018005497977吉林工商吉公网安备3101150204979086755号</div>
<div>出版物经营许可证(吉)批字第Y8813号广播电视节目制作经营许可正(吉)字第03283号网络文化经营许可证吉网文{2012)1460-055号</div>
</div>
</div>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@ -101,4 +87,30 @@ $prefix-cls: #{$namespace}-login;
} }
} }
} }
.box{
background: url(../../assets/imgs/lg_login.png) no-repeat top left;
background-size: 100% 100%;
width: 100%;
height:100%;
}
// .logo{
// position: absolute;
// left: 4vw;
// top: 5vh;
// width: 30%;
// }
.logo{
position: absolute;
height:100%;
width: 100%;
}
.footer{
position: absolute;
bottom:4vh;
text-align: center;
padding: 0px 30px;
width: calc(100% - 60px);
color: #989898;
font-size: 14px;
}
</style> </style>

Write Preview
Loading…
Cancel
Save