From b609f77709c4646daf155341475ae14fc0c7943d Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: 星期五, 27 六月 2025 13:25:30 +0800
Subject: [PATCH] 修改
---
src/views/homePage.vue | 179 ++---------------------------------------------------------
1 files changed, 8 insertions(+), 171 deletions(-)
diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index a51e1dc..cb4614f 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -1,54 +1,9 @@
<template>
<div class="login">
-<!-- <img class="pics1" src="src/assets/images/login-data.png">-->
-<!-- <img class="pics2" src="src/assets/images/login-search.png">-->
- <div class="main-content">
- <div class="top">
- <div class="top-cont">
- <div class="logo blueFont">智慧安评</div>
- <div class="time">
- <div>
- <span>{{state.date}}</span>
- <span>{{state.weekDay}}</span>
- </div>
- <div>
- {{state.dayTime}}好！
- </div>
- </div>
- </div>
- </div>
-
- <div class="nav blueBg">
- <div class="nav-cont">
- <div :class="state.activeMenu == 1?'active': ''" @click="changeTab(1)">
- <HomeFilled style="width: 1em; height: 1em; margin-right: 8px" />
- <div>首页</div>
- </div>
- <div :class="state.activeMenu == 2?'active': ''" @click="changeTab(2)">
- <Comment style="width: 1em; height: 1em; margin-right: 8px" />
- <div>通知公告</div>
- </div>
- <div :class="state.activeMenu == 3?'active': ''" @click="changeTab(3)">
- <BellFilled style="width: 1em; height: 1em; margin-right: 8px" />
- <div>法律法规</div>
- </div>
- <div :class="state.activeMenu == 4?'active': ''" @click="changeTab(4)">
- <List style="width: 1em; height: 1em; margin-right: 8px" />
- <div>机构公示</div>
- </div>
- </div>
- </div>
- <div class="content">
- <Home v-if="state.activeMenu==1" ref="homeRef" @toMore="changeTab" @openDetails="openDetails"/>
- <Notice v-if="state.activeMenu==2" ref="noticeRef" @openDetails="openDetails"/>
- <Laws v-if="state.activeMenu==3" ref="lawsRef" @openDetails="openDetails"/>
- <Publish v-if="state.activeMenu==4" ref="publishRef" @openDetails="openDetails"/>
- <Details v-if="state.activeMenu==0" ref="detailsRef" @backJump="changeTab"></Details>
- </div>
- </div>
+ <login-form ref="loginRef"/>
<!-- 底部 -->
<div class="el-login-footer">
- <span>Copyright © All Rights Reserved.</span>
+ <span>Copyright ©2023-{{nowYear}} All Rights Reserved.</span>
</div>
</div>
</template>
@@ -56,14 +11,11 @@
<script setup>
import {onMounted, ref, reactive, watch, defineAsyncComponent, nextTick, onUnmounted} from "vue"
import useUserStore from '@/store/modules/user'
-import Home from './components/home'
-import Notice from './components/notice'
-import Laws from './components/laws'
-import Publish from './components/publish'
-import Details from './components/details.vue'
+import LoginForm from './components/loginForm'
const { proxy } = getCurrentInstance()
const route = useRoute()
const router = useRouter()
+const nowYear = ref();
// 时间格式化
const timeForm = {
hour12: false,
@@ -75,11 +27,8 @@
second: '2-digit'
}
-const homeRef = ref(null)
const noticeRef = ref(null)
-const lawsRef = ref(null)
-const publishRef = ref(null)
-const detailsRef = ref(null)
+
const state = reactive({
activeMenu: 1,
date: '',
@@ -92,6 +41,7 @@
const getDateTime = () => {
const curTime = new Date().toLocaleString('zh', timeForm).replace(/\//g, '-');
state.date = curTime.slice(0, 10);
+ nowYear.value = curTime.slice(0, 4);
let week = ['日', '一', '二', '三', '四', '五', '六'];
let day = new Date().getDay();
state.weekDay = '星期' + week[day];
@@ -128,19 +78,6 @@
redirect.value = newRoute.query && newRoute.query.redirect;
}, { immediate: true });
-const changeTab=(num)=>{
- state.activeMenu = num
-}
-
-const openDetails=(type,id)=>{
- state.activeMenu = 0
- nextTick(() => {
- proxy.$refs.detailsRef.openDetail(type,id)
- })
- // detailsRef.value.openDetail(type,id)
-
-}
-
</script>
<style lang='scss' scoped>
@@ -149,116 +86,16 @@
display: flex;
justify-content: center;
height: 100%;
-
- .main-content{
- width: 100%;
- display: flex;
- flex-direction: column;
- color: #333;
-
- .top{
- width: 100%;
- background: rgba(249,250,251,1);
- position: fixed;
- top: 0;
- left: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- .top-cont{
- width: 1200px;
- height: 90px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin: 0 auto;
-
- .logo{
- font-size: 2rem;
- font-weight: 800;
- height: 90px;
- line-height: 90px;
- font-family: "PingFang SC";
- }
-
- .time{
- font-size: 16px;
- height: 90px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- span{
- &:first-of-type{
- margin-right: 10px;
- }
- }
- }
- }
- }
-
-
- .nav{
- width: 100%;
- height: 70px;
- position: fixed;
- top: 90px;
- left: 0;
- .nav-cont{
- width: 1200px;
- height: 70px;
- margin: 0 auto;
- display: flex;
- align-items: center;
- justify-content: left;
-
- &>div{
- height: 100%;
- padding: 0 50px;
- color: #ffffff;
- background-color: #385ca7;
- font-size: 20px;
- text-decoration: none;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
-
- &:hover{
- background: #294582;
- }
- }
- .active{
- background: #294582;
- }
- }
- }
- }
-}
-.pics1{
- position: absolute;
- width: 500px;
- bottom: 0;
- right: 0;
- opacity: 0.5;
-}
-.pics2{
- position: absolute;
- width: 500px;
- top: 20px;
- left: 20px;
- opacity: 0.5;
}
.el-login-footer {
- height: 60px;
- line-height: 60px;
+ height: 40px;
+ line-height: 40px;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
color: #fff;
- background: #385ca7;
- font-family: "PingFang SC";
font-size: 12px;
letter-spacing: 1px;
}
--
Gitblit v1.9.2