修改页面

This commit is contained in:
浅念
2025-07-15 09:40:53 +08:00
parent 22ae0e86c8
commit a41c75f703
7 changed files with 85 additions and 7 deletions
@@ -142,7 +142,7 @@
</template>
<template #default>
<div class="user-menu-box">
<div class="user-head">
<!-- <div class="user-head">
<img class="cover" src="@imgs/user/avatar.webp" style="float: left" />
<div class="user-wrap">
<span class="name">{{ userInfo.user.id }}</span>
@@ -154,7 +154,7 @@
<span class="phone">{{ userInfo.user.phone }}</span>
<span class="email">{{ userInfo.user.email }}</span>
</div>
</div>
</div> -->
<ul class="user-menu">
<!-- <li @click="goPage('/system/user-center')">
<i class="menu-icon iconfont-sys">&#xe734;</i>
+1
View File
@@ -43,6 +43,7 @@
i {
font-size: 18px;
color: white;
}
&:hover {
+3 -3
View File
@@ -4,11 +4,11 @@
<div class="right-wrap">
<div class="top-right-wrap">
<div class="btn theme-btn" @click="toggleTheme">
<!-- <div class="btn theme-btn" @click="toggleTheme">
<i class="iconfont-sys">
{{ isDark ? '&#xe6b5;' : '&#xe725;' }}
</i>
</div>
</div> -->
<ElDropdown @command="changeLanguage" popper-class="langDropDownStyle">
<div class="btn language-btn">
<i class="iconfont-sys icon-language">&#xe611;</i>
@@ -182,7 +182,7 @@
const feishuresponse=ref()
const formData = reactive({
account: '',
company: Number(useUserStore().companyid),
company: useUserStore().companyid?Number(useUserStore().companyid):'',
username: '',
password: '',
rememberPassword: true
+58 -2
View File
@@ -1,8 +1,12 @@
<template>
<div class="console">
<div>
功能开发中...
<div class="current-time-card">
<div class="current-time-time">{{ time }}</div>
<div class="current-time-date">{{ date }}</div>
</div>
<!-- <div>
功能开发中...
</div> -->
<!-- <CardList></CardList> -->
<!-- <el-row :gutter="20">
@@ -39,12 +43,64 @@
import TodoList from './widget/TodoList.vue'
import AboutProject from './widget/AboutProject.vue'
import { useCommon } from '@/composables/useCommon'
import { ref, onMounted, onUnmounted } from 'vue'
defineOptions({ name: 'Console' })
useCommon().scrollToTop()
const time = ref('')
const date = ref('')
function updateTime() {
const now = new Date()
time.value = now.toLocaleTimeString('zh-CN', { hour12: false })
date.value = now.toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' })
}
let timer: number
onMounted(() => {
updateTime()
timer = window.setInterval(updateTime, 1000)
})
onUnmounted(() => {
clearInterval(timer)
})
</script>
<style lang="scss" scoped>
@use './style';
.console {
min-height: 70vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.current-time-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto 28px auto;
padding: 18px 28px 14px 28px;
background: transparent;
border-radius: 14px;
color: #222;
font-family: 'Segoe UI', 'Arial', sans-serif;
box-shadow: none;
max-width: 400px;
}
.current-time-time {
font-size: 2.4rem;
font-weight: bold;
letter-spacing: 2px;
color: #222;
}
.current-time-date {
font-size: 1.15rem;
margin-top: 6px;
opacity: 0.88;
color: #444;
}
</style>
+7
View File
@@ -461,6 +461,13 @@ function handleVideoClick(url: string) {
</script>
<style lang="scss" scoped>
:deep(.el-table__empty-block) {
height: 100% !important;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.multi-line-ellipsis {
overflow: hidden;
display: -webkit-box;
+7
View File
@@ -461,6 +461,13 @@ function handleVideoClick(url: string) {
</script>
<style lang="scss" scoped>
:deep(.el-table__empty-block) {
height: 100% !important;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.multi-line-ellipsis {
overflow: hidden;
display: -webkit-box;
+7
View File
@@ -175,6 +175,13 @@
</script>
<style lang="scss" scoped>
:deep(.el-table__empty-block) {
height: 100% !important;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.page-content {
.svg-icon {
width: 1.8em;