修改页面

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>
<template #default> <template #default>
<div class="user-menu-box"> <div class="user-menu-box">
<div class="user-head"> <!-- <div class="user-head">
<img class="cover" src="@imgs/user/avatar.webp" style="float: left" /> <img class="cover" src="@imgs/user/avatar.webp" style="float: left" />
<div class="user-wrap"> <div class="user-wrap">
<span class="name">{{ userInfo.user.id }}</span> <span class="name">{{ userInfo.user.id }}</span>
@@ -154,7 +154,7 @@
<span class="phone">{{ userInfo.user.phone }}</span> <span class="phone">{{ userInfo.user.phone }}</span>
<span class="email">{{ userInfo.user.email }}</span> <span class="email">{{ userInfo.user.email }}</span>
</div> </div>
</div> </div> -->
<ul class="user-menu"> <ul class="user-menu">
<!-- <li @click="goPage('/system/user-center')"> <!-- <li @click="goPage('/system/user-center')">
<i class="menu-icon iconfont-sys">&#xe734;</i> <i class="menu-icon iconfont-sys">&#xe734;</i>
+1
View File
@@ -43,6 +43,7 @@
i { i {
font-size: 18px; font-size: 18px;
color: white;
} }
&:hover { &:hover {
+3 -3
View File
@@ -4,11 +4,11 @@
<div class="right-wrap"> <div class="right-wrap">
<div class="top-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"> <i class="iconfont-sys">
{{ isDark ? '&#xe6b5;' : '&#xe725;' }} {{ isDark ? '&#xe6b5;' : '&#xe725;' }}
</i> </i>
</div> </div> -->
<ElDropdown @command="changeLanguage" popper-class="langDropDownStyle"> <ElDropdown @command="changeLanguage" popper-class="langDropDownStyle">
<div class="btn language-btn"> <div class="btn language-btn">
<i class="iconfont-sys icon-language">&#xe611;</i> <i class="iconfont-sys icon-language">&#xe611;</i>
@@ -182,7 +182,7 @@
const feishuresponse=ref() const feishuresponse=ref()
const formData = reactive({ const formData = reactive({
account: '', account: '',
company: Number(useUserStore().companyid), company: useUserStore().companyid?Number(useUserStore().companyid):'',
username: '', username: '',
password: '', password: '',
rememberPassword: true rememberPassword: true
+58 -2
View File
@@ -1,8 +1,12 @@
<template> <template>
<div class="console"> <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>
功能开发中...
</div> -->
<!-- <CardList></CardList> --> <!-- <CardList></CardList> -->
<!-- <el-row :gutter="20"> <!-- <el-row :gutter="20">
@@ -39,12 +43,64 @@
import TodoList from './widget/TodoList.vue' import TodoList from './widget/TodoList.vue'
import AboutProject from './widget/AboutProject.vue' import AboutProject from './widget/AboutProject.vue'
import { useCommon } from '@/composables/useCommon' import { useCommon } from '@/composables/useCommon'
import { ref, onMounted, onUnmounted } from 'vue'
defineOptions({ name: 'Console' }) defineOptions({ name: 'Console' })
useCommon().scrollToTop() 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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@use './style'; @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> </style>
+7
View File
@@ -461,6 +461,13 @@ function handleVideoClick(url: string) {
</script> </script>
<style lang="scss" scoped> <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 { .multi-line-ellipsis {
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
+7
View File
@@ -461,6 +461,13 @@ function handleVideoClick(url: string) {
</script> </script>
<style lang="scss" scoped> <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 { .multi-line-ellipsis {
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
+7
View File
@@ -175,6 +175,13 @@
</script> </script>
<style lang="scss" scoped> <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 { .page-content {
.svg-icon { .svg-icon {
width: 1.8em; width: 1.8em;