修改页面
This commit is contained in:
@@ -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"></i>
|
||||
|
||||
@@ -43,6 +43,7 @@
|
||||
|
||||
i {
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
@@ -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 ? '' : '' }}
|
||||
</i>
|
||||
</div>
|
||||
</div> -->
|
||||
<ElDropdown @command="changeLanguage" popper-class="langDropDownStyle">
|
||||
<div class="btn language-btn">
|
||||
<i class="iconfont-sys icon-language"></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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user